| 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.forceLayoutOrFullFrame(); |
| 25 style.width = "300px"; | 25 style.width = "300px"; |
| 26 target.offsetLeft; | 26 PerfTestRunner.forceLayoutOrFullFrame(); |
| 27 style.width = "290px"; | 27 style.width = "290px"; |
| 28 target.offsetLeft; | 28 PerfTestRunner.forceLayoutOrFullFrame(); |
| 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 |