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

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