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

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