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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: PerformanceTests/Layout/auto-grid-lots-of-data.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
« no previous file with comments | « PerformanceTests/Layout/SimpleTextPathLineLayout.html ('k') | PerformanceTests/Layout/chapter-reflow.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 html, body { 5 html, body {
6 margin: 0; 6 margin: 0;
7 height: 100%; 7 height: 100%;
8 } 8 }
9 9
10 body { 10 body {
11 display: grid; 11 display: grid;
12 grid-template-rows: repeat(100, auto); 12 grid-template-rows: repeat(100, auto);
13 grid-template-columns: repeat(100, auto);; 13 grid-template-columns: repeat(100, auto);;
14 } 14 }
15 15
16 .gridItem { 16 .gridItem {
17 height: 200px; 17 height: 200px;
18 width: 200px; 18 width: 200px;
19 } 19 }
20 </style> 20 </style>
21 <script src="../resources/runner.js"></script> 21 <script src="../resources/runner.js"></script>
22 <script> 22 <script>
23 function startTest() { 23 function startTest() {
24 document.body.offsetHeight; 24 PerfTestRunner.forceLayoutOrFullFrame();
25 25
26 var index = 0; 26 var index = 0;
27 PerfTestRunner.measureRunsPerSecond({ 27 PerfTestRunner.measureRunsPerSecond({
28 description: "Measures performance of layout on a page using CSS grid la yout.", 28 description: "Measures performance of layout on a page using CSS grid la yout.",
29 run: function() { 29 run: function() {
30 document.body.style.width = ++index % 2 ? "99%" : "98%"; 30 document.body.style.width = ++index % 2 ? "99%" : "98%";
31 document.body.offsetHeight; 31 PerfTestRunner.forceLayoutOrFullFrame();
32 } 32 }
33 }); 33 });
34 } 34 }
35 </script> 35 </script>
36 </head> 36 </head>
37 <body onload="startTest()"> 37 <body onload="startTest()">
38 <div class='gridItem' style='grid-area: 1 / 1; background-color: rgb(36, 100, 13 5)'></div> 38 <div class='gridItem' style='grid-area: 1 / 1; background-color: rgb(36, 100, 13 5)'></div>
39 <div class='gridItem' style='grid-area: 1 / 2; background-color: rgb(41, 156, 15 7)'></div> 39 <div class='gridItem' style='grid-area: 1 / 2; background-color: rgb(41, 156, 15 7)'></div>
40 <div class='gridItem' style='grid-area: 1 / 3; background-color: rgb(204, 225, 1 5)'></div> 40 <div class='gridItem' style='grid-area: 1 / 3; background-color: rgb(204, 225, 1 5)'></div>
41 <div class='gridItem' style='grid-area: 1 / 4; background-color: rgb(106, 245, 1 33)'></div> 41 <div class='gridItem' style='grid-area: 1 / 4; background-color: rgb(106, 245, 1 33)'></div>
(...skipping 1989 matching lines...) Expand 10 before | Expand all | Expand 10 after
2031 <div class='gridItem' style='grid-area: 100 / 14; background-color: rgb(239, 54, 215)'></div> 2031 <div class='gridItem' style='grid-area: 100 / 14; background-color: rgb(239, 54, 215)'></div>
2032 <div class='gridItem' style='grid-area: 100 / 15; background-color: rgb(86, 163, 33)'></div> 2032 <div class='gridItem' style='grid-area: 100 / 15; background-color: rgb(86, 163, 33)'></div>
2033 <div class='gridItem' style='grid-area: 100 / 16; background-color: rgb(154, 6, 174)'></div> 2033 <div class='gridItem' style='grid-area: 100 / 16; background-color: rgb(154, 6, 174)'></div>
2034 <div class='gridItem' style='grid-area: 100 / 17; background-color: rgb(191, 232 , 100)'></div> 2034 <div class='gridItem' style='grid-area: 100 / 17; background-color: rgb(191, 232 , 100)'></div>
2035 <div class='gridItem' style='grid-area: 100 / 18; background-color: rgb(127, 179 , 214)'></div> 2035 <div class='gridItem' style='grid-area: 100 / 18; background-color: rgb(127, 179 , 214)'></div>
2036 <div class='gridItem' style='grid-area: 100 / 19; background-color: rgb(45, 43, 72)'></div> 2036 <div class='gridItem' style='grid-area: 100 / 19; background-color: rgb(45, 43, 72)'></div>
2037 <div class='gridItem' style='grid-area: 100 / 20; background-color: rgb(178, 180 , 196)'></div> 2037 <div class='gridItem' style='grid-area: 100 / 20; background-color: rgb(178, 180 , 196)'></div>
2038 </body> 2038 </body>
2039 </head> 2039 </head>
2040 </html> 2040 </html>
OLDNEW
« no previous file with comments | « PerformanceTests/Layout/SimpleTextPathLineLayout.html ('k') | PerformanceTests/Layout/chapter-reflow.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698