| OLD | NEW |
| 1 <!-- Based on compositing/squashing/squashing-inside-preserve-3d-element.html --
> | 1 <!-- Based on compositing/squashing/squashing-inside-preserve-3d-element.html --
> |
| 2 <!doctype html> | 2 <!doctype html> |
| 3 <div style="-webkit-transform-style: preserve-3d"> | 3 <div style="-webkit-transform-style: preserve-3d"> |
| 4 <div style="width: 100px; height: 100px; background:lightgray; transform:trans
lateZ(0)"></div> | 4 <div style="width: 100px; height: 100px; background:lightgray; transform:trans
lateZ(0)"></div> |
| 5 <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100
px; width: 100px; background:lightblue"></div> | 5 <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100
px; width: 100px; background:lightblue"></div> |
| 6 </div> | 6 </div> |
| 7 <script src="resources/paint-invalidation-test.js"></script> | 7 <script src="resources/paint-invalidation-test.js"></script> |
| 8 <script> | 8 <script> |
| 9 // Test that squashing works properly when inside of a transform-style: preserve
-3d element. In the bug that this layout test | 9 // Test that squashing works properly when inside of a transform-style: preserve
-3d element. In the bug that this layout test |
| 10 // was added to fix, the coordinates of the squashing layer paint invalidation r
ects were not recorded correctly, because some of | 10 // was added to fix, the coordinates of the squashing layer paint invalidation r
ects were not recorded correctly, because some of |
| 11 // the code computed transformed ancestors incorrectly (it should *not* include
the preserve-3d element). | 11 // the code computed transformed ancestors incorrectly (it should *not* include
the preserve-3d element). |
| 12 | 12 |
| 13 window.expectedPaintInvalidationObjects = [ | |
| 14 "LayoutBlockFlow (positioned) DIV id='target'", | |
| 15 ]; | |
| 16 function paintInvalidationTest() { | 13 function paintInvalidationTest() { |
| 17 var target = document.getElementById('target'); | 14 var target = document.getElementById('target'); |
| 18 target.style.background = 'red'; | 15 target.style.background = 'red'; |
| 19 } | 16 } |
| 20 | 17 |
| 21 runPaintInvalidationTest(); | 18 runPaintInvalidationTest(); |
| 22 </script> | 19 </script> |
| OLD | NEW |