Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(163)

Side by Side Diff: PerformanceTests/Layout/flexbox-row-nowrap.html

Issue 675983004: Allow performance tests to test full rendering performance (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: layoutOrFullyRender -> forceLayoutOrFullFrame Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../resources/runner.js"></script> 4 <script src="../resources/runner.js"></script>
5 </head> 5 </head>
6 <body style="overflow-y: scroll"> 6 <body style="overflow-y: scroll">
7 7
8 <div id="flexbox" style="justify-content: center; align-items: center"> 8 <div id="flexbox" style="justify-content: center; align-items: center">
9 <div style="flex: 1">1</div> 9 <div style="flex: 1">1</div>
10 <div style="flex: 2">2<br>2</div> 10 <div style="flex: 2">2<br>2</div>
11 <div style="flex: 3">3<br>3<br>3</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> 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> 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> 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> 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> 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> 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</di v> 18 <div style="flex: 10">10<br>10<br>10<br>10<br>10<br>10<br>10<br>10<br>10</di v>
19 </div> 19 </div>
20 20
21 </body> 21 </body>
22 <script> 22 <script>
23 function runTest() 23 function runTest()
24 { 24 {
25 document.getElementById("flexbox").style.display = 'flex'; 25 document.getElementById("flexbox").style.display = 'flex';
26 document.body.clientHeight; 26 PerfTestRunner.forceLayoutOrFullFrame();
27 document.getElementById("flexbox").style.display = ''; 27 document.getElementById("flexbox").style.display = '';
28 document.body.clientHeight; 28 PerfTestRunner.forceLayoutOrFullFrame();
29 } 29 }
30 30
31 PerfTestRunner.measureRunsPerSecond({ 31 PerfTestRunner.measureRunsPerSecond({
32 description: "Measures performance of flexbox with no wrapping (row).", 32 description: "Measures performance of flexbox with no wrapping (row).",
33 run: runTest, 33 run: runTest,
34 done:function() { 34 done:function() {
35 document.getElementById("flexbox").style.display = 'none'; 35 document.getElementById("flexbox").style.display = 'none';
36 } 36 }
37 }); 37 });
38 </script> 38 </script>
39 </html> 39 </html>
OLDNEW
« no previous file with comments | « PerformanceTests/Layout/flexbox-lots-of-data.html ('k') | PerformanceTests/Layout/flexbox-row-wrap.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698