third_party/WebKit/LayoutTests/fast/table/cell-pref-width-invalidation.html

   1 <html>
   2 <head>
   3     <style>
   4         .count-table {
   5             table-layout: fixed;
   6             width: 100%;
   7         }
   8
   9         .count-table-cell {
  10             width: 0px;
  11         }
  12
  13         .count-text {
  14             overflow: hidden;
  15         }
  16     </style>
  17     <script>
  18         function setCountMessage() {
  19             var tr = document.getElementById("row");
  20
  21             var countCell = document.createElement("td");
  22             countCell.setAttribute("class", "count-table-cell");
  23             tr.appendChild(countCell);
  24
  25             var countDiv = document.createElement("div");
  26             countDiv.setAttribute("class", "count-text");
  27             countDiv.innerHTML = "Success!";
  28             countCell.appendChild(countDiv);
  29
  30             var right = document.createElement("td");
  31             tr.appendChild(right);
  32
  33             var below = document.getElementById("below");
  34             document.defaultView.getComputedStyle(below, null).getPropertyValue("width");
  35                 // without this, it shows up in both
  36             countCell.style.width = 60 + "px"; // without this, is doesn't show up in either
  37         }
  38     </script>
  39 </head>
  40
  41 <body onload="setCountMessage();">
  42
  43     <table class="count-table">
  44         <tr id="row"></tr>
  45     </table>
  46
  47     <div id="below"></div>
  48
  49 </body>
  50 </html>