1 <!DOCTYPE html> 2 <html> 3 <head> 4 <script src="../resources/runner.js"></script> 5 </head> 6 <body style="overflow-y: scroll"> 7 8 <div id="flexbox" style="height: 400px; -webkit-flex-flow: column wrap; -webkit-flex-pack: center; -webkit-flex-align: center;"> 9 <div style="-webkit-flex: 1 180px">1</div> 10 <div style="-webkit-flex: 2 auto">2 2</div> 11 <div style="-webkit-flex: 3 180px">3 3 3</div> 12 <div style="-webkit-flex: 4 auto">4 4 4 4</div> 13 <div style="-webkit-flex: 5 180px">5 5 5 5 5</div> 14 <div style="-webkit-flex: 6 auto">6 6 6 6 6 6</div> 15 <div style="-webkit-flex: 7 180px">7 7 7 7 7 7 7</div> 16 <div style="-webkit-flex: 8 auto">8 8 8 8 8 8 8 8</div> 17 <div style="-webkit-flex: 9 180px">9 9 9 9 9 9 9 9 9</div> 18 <div style="-webkit-flex: 10 auto">10 10 10 10 10 10 10 10 10</div> 19 </div> 20 21 </body> 22 <script> 23 function runTest() 24 { 25 document.getElementById("flexbox").style.display = '-webkit-flexbox'; 26 document.body.clientHeight; 27 document.getElementById("flexbox").style.display = ''; 28 document.body.clientHeight; 29 } 30 31 PerfTestRunner.measureRunsPerSecond({run: runTest, done:function() { 32 document.getElementById("flexbox").style.display = 'none'; 33 }}); 34 </script> 35 </html> 36
