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="width: 300px; flex-wrap: wrap; justify-content: center; align-items: center"> 9 <div style="flex: 1 120px">1</div> 10 <div style="flex: 2 auto">2<br>2</div> 11 <div style="flex: 3 120px">3<br>3<br>3</div> 12 <div style="flex: 4 auto">4<br>4<br>4<br>4</div> 13 <div style="flex: 5 120px">5<br>5<br>5<br>5<br>5</div> 14 <div style="flex: 6 auto">6<br>6<br>6<br>6<br>6<br>6</div> 15 <div style="flex: 7 120px">7<br>7<br>7<br>7<br>7<br>7<br>7</div> 16 <div style="flex: 8 auto">8<br>8<br>8<br>8<br>8<br>8<br>8<br>8</div> 17 <div style="flex: 9 120px">9<br>9<br>9<br>9<br>9<br>9<br>9<br>9<br>9</div> 18 <div style="flex: 10 auto">10<br>10<br>10<br>10<br>10<br>10<br>10<br>10<br>10</div> 19</div> 20 21</body> 22<script> 23function runTest() 24{ 25 document.getElementById("flexbox").style.display = 'flex'; 26 document.body.clientHeight; 27 document.getElementById("flexbox").style.display = ''; 28 document.body.clientHeight; 29} 30 31PerfTestRunner.measureRunsPerSecond({run: runTest, done:function() { 32 document.getElementById("flexbox").style.display = 'none'; 33}}); 34</script> 35</html> 36