src/third_party/WebKit/LayoutTests/fast/table/fixed-table-layout-width-change.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <script type="text/javascript">
   5             function runTest() {
   6                 var outer = document.getElementById('outer');
   7                 outer.style.width = '100px';
   8                 window.checkLayout("#outer", document.getElementById("test-output"));
   9             };
  10         </script>
  11         <script src="../../resources/check-layout.js"></script>
  12         <style>
  13             #outer {
  14                 display: table;
  15                 table-layout: fixed;
  16             }
  17             #inner {
  18                 display: table-cell;
  19                 height: 50px;
  20                 background-color: green;
  21                 min-width: 200px;
  22             }
  23         </style>
  24     </head>
  25     <body onload="runTest()">
  26         Tests that the table width having table-layout fixed changes when width is changed dynamically.
  27         <div id="outer" data-expected-width="100">
  28             <div id="inner"></div>
  29         </div>
  30         <div id="test-output"></div>
  31     </body>
  32 </html>