OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div style="position:absolute; height: 200px; width: 200px; transform: translate
Z(0); background: lightgray"></div> | 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; top: 50px; left: 50p
x; background:lightblue"></div> | 3 <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> | 4 <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> | 5 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
6 <script> | 6 <script> |
7 // Tests that causing a squashed layer to leave its squashing layer causes an in
validation in the squashing layer for the previous | 7 // 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. | 8 // location of the squashed layer. |
9 function repaintTest() { | 9 function repaintTest() { |
10 var target = document.getElementById("target"); | 10 var target = document.getElementById("target"); |
11 target.style.transform = 'translateZ(0)'; | 11 target.style.transform = 'translateZ(0)'; |
12 }; | 12 }; |
13 runRepaintTest(); | 13 runRepaintAndPixelTest(); |
14 </script> | 14 </script> |
OLD | NEW |