| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <div style="-webkit-transform-style: preserve-3d"> | 2 <div style="-webkit-transform-style: preserve-3d"> |
| 3 <div style="width: 100px; height: 100px; background:lightgray; transform:trans
lateZ(0)"></div> | 3 <div style="width: 100px; height: 100px; background:lightgray; transform:trans
lateZ(0)"></div> |
| 4 <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100
px; width: 100px; background:lightblue"></div> | 4 <div id="target" style="position: absolute; top: 20px; left: 20px; height: 100
px; width: 100px; background:lightblue"></div> |
| 5 </div> | 5 </div> |
| 6 <script src="../../resources/run-after-display.js"></script> | 6 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| 7 <script> | 7 <script> |
| 8 if (testRunner) { | |
| 9 testRunner.dumpAsText(); | |
| 10 testRunner.waitUntilDone(); | |
| 11 } | |
| 12 if (window.internals) | 8 if (window.internals) |
| 13 internals.settings.setLayerSquashingEnabled(true); | 9 internals.settings.setLayerSquashingEnabled(true); |
| 14 | 10 |
| 15 // Test that squashing works properly when inside of a transform-style: preserve
-3d element. In the bug that this layout test | 11 // Test that squashing works properly when inside of a transform-style: preserve
-3d element. In the bug that this layout test |
| 16 // was added to fix, the coordinates of the squashing layer paint invalidation r
ects were not recorded correctly, because some of | 12 // was added to fix, the coordinates of the squashing layer paint invalidation r
ects were not recorded correctly, because some of |
| 17 // the code computed transformed ancestors incorrectly (it should *not* include
the preserve-3d element). | 13 // the code computed transformed ancestors incorrectly (it should *not* include
the preserve-3d element). |
| 18 | 14 |
| 19 runAfterDisplay(function() { | 15 function repaintTest() { |
| 20 if (internals) | |
| 21 window.internals.startTrackingRepaints(document); | |
| 22 | |
| 23 var target = document.getElementById('target'); | 16 var target = document.getElementById('target'); |
| 24 target.style.background = 'red'; | 17 target.style.background = 'red'; |
| 18 } |
| 25 | 19 |
| 26 if (testRunner) | 20 runRepaintTest(); |
| 27 testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document
, internals.LAYER_TREE_INCLUDES_REPAINT_RECTS)); | |
| 28 if (internals) | |
| 29 window.internals.stopTrackingRepaints(document); | |
| 30 | |
| 31 if (testRunner) | |
| 32 testRunner.notifyDone(); | |
| 33 }); | |
| 34 </script> | 21 </script> |
| OLD | NEW |