third_party/WebKit/LayoutTests/fast/css/content/content-quotes-03.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                 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"><span><b>a</b></span><q>b</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"><span style="font-weight: bolder;">a</span>WWWbWWWWW</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>