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

   1 <!DOCTYPE html>
   2 <style>
   3     col { width: 200px; }
   4     td { background-color: #66f; height: 25px; }
   5 </style>
   6 <script type="text/javascript">
   7     onload = function () {
   8         var col = document.getElementById('thecol');
   9         col.offsetTop;
  10         col.style.width="100px";
  11         checkLayout("td", document.getElementById("test-output"));
  12     }
  13 </script>
  14 <script src="../../resources/check-layout.js"></script>
  15 Tests that the width of table cell changes on changing the colgroup width to new width.
  16 <table>
  17     <colgroup>
  18         <col id="thecol">
  19     </colgroup>
  20     <tbody>
  21         <tr>
  22             <td data-expected-width="100"></td>
  23         </tr>
  24     </tbody>
  25 </table>
  26 <div id="test-output"></div>