third_party/WebKit/LayoutTests/fast/table/border-collapsing/dynamic-border-width-change.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 table {
   6     border-collapse:collapse;
   7     width: 100px;
   8 }
   9 td {
  10     background-color: red;
  11     width: 100%;
  12     padding-top: 0;
  13     padding-bottom: 0;
  14 }
  15 </style>
  16 <script src="../../../resources/check-layout.js"></script>
  17 <script>
  18 window.onload = function()
  19 {
  20     document.body.offsetLeft;
  21     document.getElementById("row1").style.borderTop = "50px solid green";
  22     document.getElementById("row2").style.borderBottom = "50px solid green";
  23     checkLayout("#container");
  24 }
  25 </script>
  26 </head>
  27 <body>
  28 <p>This test passes if no red is showing.</p>
  29
  30 <div id="container">
  31 <table data-expected-height="50">
  32 <tr id="row1" data-expected-height="25">
  33   <td data-expected-height="25"></td>
  34 </tr>
  35 </table>
  36
  37 <table data-expected-height="50">
  38 <tr id="row2" data-expected-height="25">
  39   <td data-expected-height="25"></td>
  40 </tr>
  41 </table>
  42 </div>
  43
  44 </body>
  45 </html>