third_party/WebKit/LayoutTests/fast/table/switch-table-layout.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <style>
   5 #container {
   6     width: 1px;
   7 }
   8 #table {
   9     width: 200px;
  10     table-layout: fixed;
  11 }
  12 #table tr td {
  13     width: 100px;
  14     padding: 0;
  15 }
  16 </style>
  17 <script src="../../resources/check-layout.js"></script>
  18 </head>
  19 <body>
  20     This test verifies table cell width is correctly updated after a table-layout change.
  21     <div id="container">
  22         <table id="table">
  23             <tr><td data-expected-width="100"></td><td data-expected-width="100"></td></tr>
  24         </table>
  25     </div>
  26     <div id="test-output"></div>
  27 </body>
  28 <script>
  29 document.body.offsetTop;
  30
  31 var container = document.getElementById('container');
  32 container.style.setProperty('width', '500px');
  33
  34 var table = document.getElementById('table');
  35 table.style.setProperty('table-layout', 'auto');
  36 table.style.setProperty('width', 'auto');
  37
  38 window.checkLayout("#table tr td", document.getElementById("test-output"));
  39 </script>
  40 </html>