| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../resources/runner.js"></script> |
| </head> |
| <body style="overflow-y: scroll"> |
| |
| <div id="flexbox" style="justify-content: center; align-items: center"> |
| <div style="flex: 1">1</div> |
| <div style="flex: 2">2<br>2</div> |
| <div style="flex: 3">3<br>3<br>3</div> |
| <div style="flex: 4">4<br>4<br>4<br>4</div> |
| <div style="flex: 5">5<br>5<br>5<br>5<br>5</div> |
| <div style="flex: 6">6<br>6<br>6<br>6<br>6<br>6</div> |
| <div style="flex: 7">7<br>7<br>7<br>7<br>7<br>7<br>7</div> |
| <div style="flex: 8">8<br>8<br>8<br>8<br>8<br>8<br>8<br>8</div> |
| <div style="flex: 9">9<br>9<br>9<br>9<br>9<br>9<br>9<br>9<br>9</div> |
| <div style="flex: 10">10<br>10<br>10<br>10<br>10<br>10<br>10<br>10<br>10</div> |
| </div> |
| |
| </body> |
| <script> |
| function runTest() |
| { |
| document.getElementById("flexbox").style.display = 'flex'; |
| PerfTestRunner.forceLayoutOrFullFrame(); |
| document.getElementById("flexbox").style.display = ''; |
| PerfTestRunner.forceLayoutOrFullFrame(); |
| } |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| description: "Measures performance of flexbox with no wrapping (row).", |
| run: runTest, |
| done:function() { |
| document.getElementById("flexbox").style.display = 'none'; |
| } |
| }); |
| </script> |
| </html> |
