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

   1 <html>
   2     <head>
   3         <style type="text/css">
   4             body { quotes: "WW" "WWWW" "WWW" "WWWWW"; }
   5             span:before { content: no-open-quote; }
   6             span:after { content: no-close-quote; }
   7         </style>
   8         <script type="text/javascript">
   9             if (window.testRunner) {
  10                 testRunner.dumpAsText();
  11                 testRunner.waitUntilDone();
  12             }
  13
  14             function run() {
  15                 if (window.testRunner)
  16                     document.getElementById("onlyInBrowser").setAttribute("style", "display: none;");
  17                 testWidth = window.getComputedStyle(document.getElementById("testContainer"), null).getPropertyValue("width");
  18                 referenceWidth = window.getComputedStyle(document.getElementById("reference"), null).getPropertyValue("width");
  19                 if (testWidth == referenceWidth)
  20                     document.getElementById("console").innerText = "PASSED";
  21                 else
  22                     document.getElementById("console").innerText = "FAILED: testWidth=" + testWidth +"; expected " + referenceWidth;
  23                document.getElementById("onlyInBrowser").setAttribute("style", "display: none;");
  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>a<q>b</q>c</span><q>d</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">aWWWbWWWWWcWWdWWWW</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>