Refactoring: Pull all fullscreen code out of Document and into its own helper class
[WebKit-https.git] / PerformanceTests / Layout / flexbox-column-wrap.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-flow: column wrap; -webkit-flex-pack: center; -webkit-flex-align: center;">
9     <div style="-webkit-flex: 1 180px">1</div>
10     <div style="-webkit-flex: 2 auto">2 2</div>
11     <div style="-webkit-flex: 3 180px">3 3 3</div>
12     <div style="-webkit-flex: 4 auto">4 4 4 4</div>
13     <div style="-webkit-flex: 5 180px">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 180px">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 180px">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.measureRunsPerSecond({run: runTest, done:function() {
32     document.getElementById("flexbox").style.display = 'none';
33 }});
34 </script>
35 </html>