| 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.layoutOrFullyRender(); | 
| 47 }; | 48 }; | 
| 48 | 49 | 
| 49 setupTest(); | 50 setupTest(); | 
| 50 | 51 | 
| 51 var switcher = true; | 52 var switcher = true; | 
| 52 | 53 | 
| 53 function runTest() | 54 function runTest() | 
| 54 { | 55 { | 
| 55     var inlineBlocks = document.getElementsByClassName("inlineBlock"); | 56     var inlineBlocks = document.getElementsByClassName("inlineBlock"); | 
| 56     for (var i = inlineBlocks.length - 1; i >= 0; i--) { | 57     for (var i = inlineBlocks.length - 1; i >= 0; i--) { | 
| 57         inlineBlocks[i].innerText = switcher ? " " : nbsp; | 58         inlineBlocks[i].innerText = switcher ? " " : nbsp; | 
| 58         inlineBlocks[i].offsetTop; | 59         PerfTestRunner.layoutOrFullyRender(); | 
| 59     }; | 60     }; | 
| 60     switcher = !switcher; | 61     switcher = !switcher; | 
| 61 }; | 62 }; | 
| 62 | 63 | 
| 63 PerfTestRunner.measureRunsPerSecond({ | 64 PerfTestRunner.measureRunsPerSecond({ | 
| 64     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).", | 
| 65     run: runTest | 66     run: runTest | 
| 66 }); | 67 }); | 
| 67 </script> | 68 </script> | 
| 68 </html> | 69 </html> | 
| OLD | NEW | 
|---|