layout/reftests/table-anonymous-boxes/277995-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3 <head>
   4   <script type="text/javascript" language="javascript">
   5     function doMore(data) {
   6       while(data.hasChildNodes())
   7         data.removeChild(data.firstChild);
   8       for (var i = 0; i < 10; i++) {
   9         append(data);
  10       }
  11     }
  12
  13     function append(data) {
  14       var row = document.createElement("div");
  15       row.setAttribute("class", "row");
  16
  17       var cell = document.createElement("span");
  18       cell.appendChild(document.createTextNode("More Data"));
  19       cell.setAttribute("style", "cell");
  20       row.appendChild(cell);
  21       data.appendChild(row);
  22     }
  23
  24     function doTest() {
  25       for (var i = 0; i < 10; ++i) {
  26         document.body.offsetWidth;
  27         doMore(document.getElementById('data'));
  28       }
  29       document.documentElement.className = '';
  30     }
  31   </script>
  32   <style>
  33     .table {
  34       display: table;
  35     }
  36     .row {
  37       display: table-row;
  38
  39     }
  40     .cell {
  41       display: table-cell;
  42     }
  43   </style>
  44 </head>
  45 <body onload="doTest()">
  46 <table>
  47   <tr>
  48     <td>
  49       <div id="data" class="table">
  50       </div>
  51     </td>
  52   </tr>
  53 </table>
  54 </body>
  55 </html>