OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <body> | 2 <body> |
3 <script src="../resources/runner.js"></script> | 3 <script src="../resources/runner.js"></script> |
| 4 <script src="resources/paint.js"></script> |
4 <style> | 5 <style> |
5 .column { | 6 .column { |
6 width: 180px; | 7 width: 180px; |
7 height: 310px; | 8 height: 310px; |
8 border: 1px solid black; | 9 border: 1px solid black; |
9 font-size: 1px; | 10 font-size: 1px; |
10 } | 11 } |
11 .row { | 12 .row { |
12 width: 150px; | 13 width: 150px; |
13 border: 1px solid cornflowerblue; | 14 border: 1px solid cornflowerblue; |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
49 for (var index = 0; index < spanMarginsToChange.length; index += 8) | 50 for (var index = 0; index < spanMarginsToChange.length; index += 8) |
50 spanMarginsToChange[index].style.marginLeft = ((runCount + index) % 3) + 'px
'; | 51 spanMarginsToChange[index].style.marginLeft = ((runCount + index) % 3) + 'px
'; |
51 } | 52 } |
52 | 53 |
53 var firstRowHeightToChange = createColumn(document.body).querySelector('.row'); | 54 var firstRowHeightToChange = createColumn(document.body).querySelector('.row'); |
54 var changeFirstRowHeight = function(rowCount) { | 55 var changeFirstRowHeight = function(rowCount) { |
55 firstRowHeightToChange.style.height = (5 + runCount % 5) + 'px'; | 56 firstRowHeightToChange.style.height = (5 + runCount % 5) + 'px'; |
56 } | 57 } |
57 | 58 |
58 var runCount = 0; | 59 var runCount = 0; |
59 PerfTestRunner.measureFrameTime({ | 60 measurePaint({ |
60 run: function() { | 61 run: function() { |
61 runCount++; | 62 runCount++; |
62 changeRowMargins(runCount); | 63 changeRowMargins(runCount); |
63 changeRowSpanMargins(runCount); | 64 changeRowSpanMargins(runCount); |
64 changeFirstRowHeight(runCount); | 65 changeFirstRowHeight(runCount); |
65 }, | 66 }, |
66 }); | 67 }); |
67 </script> | 68 </script> |
68 </body> | 69 </body> |
OLD | NEW |