third_party/WebKit/PerformanceTests/Layout/multicol/fixed-height-with-spanner-and-nested-tables.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/runner.js"></script>
   3 <style>
   4     #target div { display:table; } /* Just to slow it down a little. */
   5 </style>
   6 <pre id="log"></pre>
   7 <!-- This multicol container has 3 columns. It contains a row of columns, a spanner, and another
   8      row of columns. Height is fixed and column-fill is auto, so we only need to balance the row
   9      that precedes the spanner. That first row has 12 equal pieces of content, so it should be
  10      possible to balance it perfectly and easily (i.e. it should only need 2 layout passes). It
  11      also contains some deeply nested tables, to slow down performance. -->
  12 <div id="target" style="display:none; -webkit-columns:3; column-fill:auto; width:40em; height:41.5em; line-height:2em;">
  13     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  14     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  15     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  16     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  17     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  18     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  19     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  20     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  21     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  22     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  23     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  24     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  25     <div style="-webkit-column-span:all;">spanner.</div>
  26     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  27     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  28     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  29     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  30     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  31     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  32     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  33     <div><div><div><div><div><div><div><div>content content</div></div></div></div></div></div></div></div>
  34 </div>
  35 <script>
  36     var target = document.getElementById("target");
  37     var style = target.style;
  38
  39     function test() {
  40         style.display = "block";
  41         PerfTestRunner.forceLayoutOrFullFrame();
  42         style.display = "none";
  43         PerfTestRunner.forceLayoutOrFullFrame();
  44     }
  45
  46     PerfTestRunner.measureRunsPerSecond({
  47         description: "Measures performance of multicol layout when not balancing columns.",
  48         run: test
  49     });
  50 </script>