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