third_party/WebKit/PerformanceTests/Layout/auto-grid-lots-of-data.html - Issue 1557953002: Revert unfinished work of "full-frame-measurement"

Side by Side Diff: third_party/WebKit/PerformanceTests/Layout/auto-grid-lots-of-data.html

Issue 1557953002: Revert unfinished work of "full-frame-measurement" (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@PerfPaint

Patch Set: Created 4 years, 11 months 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

« no previous file with comments | « third_party/WebKit/PerformanceTests/Layout/add-remove-inline-floats.html ('k') | third_party/WebKit/PerformanceTests/Layout/chapter-reflow.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 PerfTestRunner.forceLayoutOrFullFrame();	24 PerfTestRunner.forceLayout();

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 PerfTestRunner.forceLayoutOrFullFrame();	31 PerfTestRunner.forceLayout();

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 Loading...
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>

OLD	NEW