third_party/WebKit/LayoutTests/fast/css/content/content-quotes-05.html

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             .myQuotes { quotes: "WW" "WWWW" "WWW" "WWWWW"; }
   5         </style>
   6         <script type="text/javascript">
   7             if (window.testRunner) {
   8                 testRunner.dumpAsText();
   9                 testRunner.waitUntilDone();
  10             }
  11
  12             function run() {
  13                 if (window.testRunner)
  14                     document.getElementById("onlyInBrowser").setAttribute("style", "display: none;");
  15                 document.body.setAttribute("class", "myQuotes");
  16                 testWidth = window.getComputedStyle(document.getElementById("testContainer"), null).getPropertyValue("width");
  17                 referenceWidth = window.getComputedStyle(document.getElementById("reference"), null).getPropertyValue("width");
  18                 if (testWidth == referenceWidth)
  19                     document.getElementById("console").innerText = "PASSED";
  20                 else
  21                     document.getElementById("console").innerText = "FAILED: testWidth=" + testWidth +"; expected " + referenceWidth;
  22                if (window.testRunner)
  23                     testRunner.notifyDone();
  24            }
  25         </script>
  26     </head>
  27
  28     <body onload="setTimeout('run()', 0);">
  29         <p id="onlyInBrowser">The texts between the markers should be identical.</p>
  30         <p>========Marker1========</p>
  31         <table>
  32             <tr>
  33                 <td id="testContainer"><q>a<q>b</q>c</q></td>
  34                 <td>1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1</td>
  35             </tr>
  36         </table>
  37         <p>========Marker2========</p>
  38         <table>
  39             <tr>
  40                 <td id="reference">WWaWWWbWWWWWcWWWW</td>
  41                 <td>1 1 1 1 1 1 1 1 1 1 1  1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1</td>
  42             </tr>
  43         </table>
  44         <p>========Marker3========</p>
  45         <pre id="console"/>
  46     </body>
  47 </html>