third_party/WebKit/PerformanceTests/Layout/line-layout-line-height.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>Line height calculation performance test</title>
   5     <script src="../resources/runner.js"></script>
   6 </head>
   7 <body>
   8     <pre id="log"></pre>
   9     <div id="target" style="width: 300px; display: none;">
  10     </div>
  11     <script>
  12         var target = document.getElementById("target");
  13         var style = target.style;
  14         var rows = 10000;
  15         var el = document.createElement('p');
  16         el.innerHTML = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ut elit lacus, non convallis odio. Integer facilisis, dolor quis porttitor auctor\n';
  17         for (var i = 0; i < rows; ++i) {
  18             var e  = el.cloneNode(true);
  19             target.appendChild(e);
  20         }
  21         function test() {
  22             style.display = "block";
  23             style.width = "280px";
  24             PerfTestRunner.forceLayoutOrFullFrame();
  25             style.width = "300px";
  26             PerfTestRunner.forceLayoutOrFullFrame();
  27             style.width = "290px";
  28             PerfTestRunner.forceLayoutOrFullFrame();
  29             style.display = "none";
  30         }
  31
  32         PerfTestRunner.measureTime({
  33             description: "Measures performance of line-height calculation in layout.",
  34             run: test
  35         });
  36     </script>
  37 </body>
  38 </html>