OLD | NEW |
1 <!-- Based on compositing/squashing/invalidate-when-leaving-squashed-layer.html
--> | 1 <!-- Based on compositing/squashing/invalidate-when-leaving-squashed-layer.html
--> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
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; transform: translate
Z(0); background: lightgray"></div> |
4 <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> |
5 <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> |
6 <script src="resources/paint-invalidation-test.js"></script> | 6 <script src="resources/paint-invalidation-test.js"></script> |
7 <script> | 7 <script> |
8 // 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 |
9 // location of the squashed layer. | 9 // location of the squashed layer. |
10 window.expectedPaintInvalidationObjects = [ | |
11 "LayoutBlockFlow (positioned) DIV id='target'", | |
12 ]; | |
13 function paintInvalidationTest() { | 10 function paintInvalidationTest() { |
14 var target = document.getElementById("target"); | 11 var target = document.getElementById("target"); |
15 target.style.transform = 'translateZ(0)'; | 12 target.style.transform = 'translateZ(0)'; |
16 }; | 13 }; |
17 runPaintInvalidationTest(); | 14 runPaintInvalidationTest(); |
18 </script> | 15 </script> |
OLD | NEW |