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