third_party/WebKit/LayoutTests/fast/css/content/content-normal.html

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