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