third_party/WebKit/PerformanceTests/Layout/multicol/tall-content-short-columns-realistic.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/runner.js"></script>
   3 <body style="overflow:scroll;"> <!-- don't want auto scrollbars to affect the number of layout passes. -->
   4     <pre id="log"></pre>
   5     <div id="target" style="position:absolute; top:0; left:0; display:none; -webkit-columns:2; column-fill:auto; width:40em; height:40em;">
   6         <div style="height:1000000px;">xxxxxxxxxx</div>
   7     </div>
   8     <script>
   9     var target = document.getElementById("target");
  10     var style = target.style;
  11
  12     function test() {
  13         style.display = "block";
  14         PerfTestRunner.forceLayoutOrFullFrame();
  15
  16         // Do some hit-testing.
  17         document.caretRangeFromPoint(10, 10);
  18
  19         style.display = "none";
  20         PerfTestRunner.forceLayoutOrFullFrame();
  21     }
  22
  23     PerfTestRunner.measureRunsPerSecond({
  24         description: "Measures performance of multicol layout with many columns.",
  25         run: test
  26     });
  27     </script>
  28 </body>