OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .composited { | 5 .composited { |
6 -webkit-transform: translatez(0); | 6 -webkit-transform: translatez(0); |
7 } | 7 } |
8 | 8 |
9 .background { | 9 .background { |
10 position: fixed; | 10 position: fixed; |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 if (window.internals) { | 53 if (window.internals) { |
54 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true
); | 54 internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true
); |
55 internals.settings.setLayerSquashingEnabled(true); | 55 internals.settings.setLayerSquashingEnabled(true); |
56 } | 56 } |
57 | 57 |
58 function runTest() | 58 function runTest() |
59 { | 59 { |
60 if (!window.internals) | 60 if (!window.internals) |
61 return; | 61 return; |
62 | 62 |
63 testRunner.display(); | |
64 | |
65 // Case 1 | 63 // Case 1 |
66 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 64 document.getElementById('Case1').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
67 | 65 |
68 // Case 2 | 66 // Case 2 |
69 window.internals.startTrackingRepaints(document); | 67 window.internals.startTrackingRepaints(document); |
70 window.scrollTo(0, 80); | 68 window.scrollTo(0, 80); |
71 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); | 69 document.getElementById('Case2').textContent = window.internals.layerTre
eAsText(document, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS); |
72 window.internals.stopTrackingRepaints(document); | 70 window.internals.stopTrackingRepaints(document); |
73 | 71 |
74 // Case 3 | 72 // Case 3 |
(...skipping 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
130 CASE 3, scrolling y to 120, no repaints expected: | 128 CASE 3, scrolling y to 120, no repaints expected: |
131 <pre id="Case3"></pre> | 129 <pre id="Case3"></pre> |
132 | 130 |
133 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: | 131 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: |
134 <pre id="Case4"></pre> | 132 <pre id="Case4"></pre> |
135 </div> | 133 </div> |
136 | 134 |
137 </body> | 135 </body> |
138 | 136 |
139 </html> | 137 </html> |
OLD | NEW |