third_party/WebKit/LayoutTests/fast/table/row-height-recalc2.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5 </head>
   6 <body>
   7 <p>
   8     Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=24971">https://bugs.webkit.org/show_bug.cgi?id=24971</a>
   9     Setting style.height = value in javascript doesn't work in tablerows(&lt;tr&gt;)</i>. This test PASSED if you see 2 'PASS' messages below.
  10 </p>
  11 <hr>
  12 <table cellspacing="0" cellpadding="0" style="height: 100px">
  13     <tr style="background: green;" id="t">
  14         <td style="width: 50px; height: 50px"></td>
  15     </tr>
  16     <tr style="background: red;">
  17         <td></td>
  18     </tr>
  19 </table>
  20 <pre id="log"></pre>
  21 <script type="text/javascript">
  22 function log(message)
  23 {
  24     document.getElementById("log").innerText += message + "\n";
  25 }
  26
  27 if (window.testRunner)
  28     testRunner.dumpAsText();
  29
  30 var tableRow = document.getElementById("t");
  31 log((tableRow.offsetHeight == 50 ? "PASS" : "FAIL") + ": initial height of the row should be 50px.");
  32
  33 tableRow.style.height='100px';
  34 log((tableRow.offsetHeight == 100 ? "PASS" : "FAIL") + ": final height of the row should be 100px.");
  35
  36 </script>
  37 </body>
  38 </html>