PerformanceTests/Layout/flexbox-column-nowrap.html

   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-direction: column; -webkit-flex-pack: center; -webkit-flex-align: center;">
   9     <div style="-webkit-flex: 1 auto">1</div>
  10     <div style="-webkit-flex: 2 auto">2 2</div>
  11     <div style="-webkit-flex: 3 auto">3 3 3</div>
  12     <div style="-webkit-flex: 4 auto">4 4 4 4</div>
  13     <div style="-webkit-flex: 5 auto">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 auto">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 auto">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.runPerSecond({run: runTest, done: function() {
  32     document.getElementById("flexbox").style.display = 'none';
  33 }});
  34 </script>
  35 </html>