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; flex-flow: column wrap; justify-content: center; align-items: center;"> 9 <div style="flex: 1 180px">1</div> 10 <div style="flex: 2 auto">2 2</div> 11 <div style="flex: 3 180px">3 3 3</div> 12 <div style="flex: 4 auto">4 4 4 4</div> 13 <div style="flex: 5 180px">5 5 5 5 5</div> 14 <div style="flex: 6 auto">6 6 6 6 6 6</div> 15 <div style="flex: 7 180px">7 7 7 7 7 7 7</div> 16 <div style="flex: 8 auto">8 8 8 8 8 8 8 8</div> 17 <div style="flex: 9 180px">9 9 9 9 9 9 9 9 9</div> 18 <div style="flex: 10 auto">10 10 10 10 10 10 10 10 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