OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../resources/runner.js"></script> | 4 <script src="../resources/runner.js"></script> |
5 <style> | 5 <style> |
6 | 6 |
7 #container { | 7 #container { |
8 display: flex; | 8 display: flex; |
9 flex-wrap: wrap; | 9 flex-wrap: wrap; |
10 } | 10 } |
(...skipping 26 matching lines...) Expand all Loading... |
37 var container = document.getElementById("container"); | 37 var container = document.getElementById("container"); |
38 for (var i = 0; i < 200; i++) { | 38 for (var i = 0; i < 200; i++) { |
39 var div = document.createElement("div"); | 39 var div = document.createElement("div"); |
40 div.className = "byteBox"; | 40 div.className = "byteBox"; |
41 var span = document.createElement("span"); | 41 var span = document.createElement("span"); |
42 span.className = "inlineBlock"; | 42 span.className = "inlineBlock"; |
43 span.innerText = nbsp; | 43 span.innerText = nbsp; |
44 div.appendChild(span); | 44 div.appendChild(span); |
45 container.appendChild(div); | 45 container.appendChild(div); |
46 }; | 46 }; |
47 PerfTestRunner.forceLayoutOrFullFrame(); | 47 PerfTestRunner.forceLayout(); |
48 }; | 48 }; |
49 | 49 |
50 setupTest(); | 50 setupTest(); |
51 | 51 |
52 var switcher = true; | 52 var switcher = true; |
53 | 53 |
54 function runTest() | 54 function runTest() |
55 { | 55 { |
56 var inlineBlocks = document.getElementsByClassName("inlineBlock"); | 56 var inlineBlocks = document.getElementsByClassName("inlineBlock"); |
57 for (var i = inlineBlocks.length - 1; i >= 0; i--) { | 57 for (var i = inlineBlocks.length - 1; i >= 0; i--) { |
58 inlineBlocks[i].innerText = switcher ? " " : nbsp; | 58 inlineBlocks[i].innerText = switcher ? " " : nbsp; |
59 PerfTestRunner.forceLayoutOrFullFrame(); | 59 PerfTestRunner.forceLayout(); |
60 }; | 60 }; |
61 switcher = !switcher; | 61 switcher = !switcher; |
62 }; | 62 }; |
63 | 63 |
64 PerfTestRunner.measureRunsPerSecond({ | 64 PerfTestRunner.measureRunsPerSecond({ |
65 description: "Measures performance of flexbox containing many small elements
with wrapping (column).", | 65 description: "Measures performance of flexbox containing many small elements
with wrapping (column).", |
66 run: runTest | 66 run: runTest |
67 }); | 67 }); |
68 </script> | 68 </script> |
69 </html> | 69 </html> |
OLD | NEW |