OLD | NEW |
| 1 <!-- Based on compositing/squashing/invalidate-when-leaving-squashed-layer.html
--> |
1 <!DOCTYPE html> | 2 <!DOCTYPE html> |
2 <div style="position:absolute; height: 200px; width: 200px; transform: translate
Z(0); background: lightgray"></div> | 3 <div style="position:absolute; height: 200px; width: 200px; transform: translate
Z(0); background: lightgray"></div> |
3 <div style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50p
x; background:lightblue"></div> | 4 <div style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50p
x; background:lightblue"></div> |
4 <div id="target" style="position:absolute; height: 200px; width: 200px; top: 50p
x; left: 50px; background:lightblue"></div> | 5 <div id="target" style="position:absolute; height: 200px; width: 200px; top: 50p
x; left: 50px; background:lightblue"></div> |
5 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 6 <script src="resources/paint-invalidation-test.js"></script> |
6 <script> | 7 <script> |
7 // Tests that causing a squashed layer to leave its squashing layer causes an in
validation in the squashing layer for the previous | 8 // Tests that causing a squashed layer to leave its squashing layer causes an in
validation in the squashing layer for the previous |
8 // location of the squashed layer. | 9 // location of the squashed layer. |
9 function repaintTest() { | 10 window.expectedPaintInvalidationObjects = [ |
| 11 "LayoutBlockFlow (positioned) DIV id='target'", |
| 12 ]; |
| 13 function paintInvalidationTest() { |
10 var target = document.getElementById("target"); | 14 var target = document.getElementById("target"); |
11 target.style.transform = 'translateZ(0)'; | 15 target.style.transform = 'translateZ(0)'; |
12 }; | 16 }; |
13 runRepaintTest(); | 17 runPaintInvalidationTest(); |
14 </script> | 18 </script> |
OLD | NEW |