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