third_party/WebKit/LayoutTests/fast/table/resize-table-width-using-multiple-col-span.html

   1 <!DOCTYPE html>
   2 <style>
   3     #thecol { width: 200px; }
   4     #thecol2 { width: 300px; }
   5     td { height: 25px; }
   6 </style>
   7 <script type="text/javascript">
   8     onload = function () {
   9         var col = document.getElementById('thecol');
  10         var col2 = document.getElementById('thecol2');
  11         var output = document.getElementById('test-output');
  12         col.offsetTop;
  13         col.style.width="100px";
  14         col2.style.width="200px";
  15         checkLayout("#td1", output);
  16         checkLayout("#td2", output);
  17         checkLayout("#td3", output);
  18         checkLayout("#td4", output);
  19         checkLayout("#td5", output);
  20         checkLayout("#td6", output);
  21         checkLayout("#td7", output);
  22         checkLayout("#td8", output);
  23         checkLayout("#td9", output);
  24     }
  25 </script>
  26 <script src="../../resources/check-layout.js"></script>
  27 Tests that the width of table cell changes on changing the colgroup width to new width.
  28 <table>
  29     <colgroup>
  30         <col id="thecol" span="2" style="background-color:red">
  31         <col id="thecol2" span="1" style="background-color:blue">
  32     </colgroup>
  33     <thead>
  34         <tr>
  35             <td id="td1" data-expected-width="100"></td>
  36             <td id="td2" data-expected-width="100"></td>
  37             <td id="td3" data-expected-width="200"></td>
  38         </tr>
  39     </thead>
  40     <tfoot>
  41         <tr>
  42             <td id="td4" data-expected-width="100"></td>
  43             <td id="td5" data-expected-width="100"></td>
  44             <td id="td6" data-expected-width="200"></td>
  45         </tr>
  46     </tfoot>
  47     <tbody>
  48         <tr>
  49             <td id="td7" data-expected-width="100"></td>
  50             <td id="td8" data-expected-width="100"></td>
  51             <td id="td9" data-expected-width="200"></td>
  52         </tr>
  53     </tbody>
  54 </table>
  55 <div id="test-output"></div>