Home | History | Annotate | Download | only in Layout 
      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>
     23 function 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 
     31 PerfTestRunner.measureRunsPerSecond({run:runTest, done:function() {
     32     document.getElementById("flexbox").style.display = 'none';
     33 }});
     34 </script>
     35 </html>
     36