| OLD | NEW |
| 1 <!-- Based on compositing/squashing/resize-squashing-layer-that-needs-full-repai
nt.html --> | 1 <!-- Based on compositing/squashing/resize-squashing-layer-that-needs-full-repai
nt.html --> |
| 2 <!doctype html> | 2 <!doctype html> |
| 3 <script src="resources/paint-invalidation-test.js"></script> | 3 <script src="resources/paint-invalidation-test.js"></script> |
| 4 | 4 |
| 5 <!-- The second two divs form a combined squashing layer. display:none'ing the f
irst of them will resize the squashing layer. --> | 5 <!-- The second two divs form a combined squashing layer. display:none'ing the f
irst of them will resize the squashing layer. --> |
| 6 <div style="width: 500px; height: 500px; transform: translateZ(0)"></div> | 6 <div style="width: 500px; height: 500px; transform: translateZ(0)"></div> |
| 7 <div style="position: absolute; top: 55px; left: 55px; width: 500px; height: 500
px; background-color: lightblue"></div> | 7 <div style="position: absolute; top: 55px; left: 55px; width: 500px; height: 500
px; background-color: lightblue"></div> |
| 8 <div id="to-be-removed" style="position: absolute; top: 0px; left: 0px; width: 5
0px; height: 50px; background-color: lightgray"></div> | 8 <div id="to-be-removed" style="position: absolute; top: 0px; left: 0px; width: 5
0px; height: 50px; background-color: lightgray"></div> |
| 9 | 9 |
| 10 <script> | 10 <script> |
| 11 // This test checks that resizing a squashing layer such that the offset of cont
ent squashed into it relative to the squashing | 11 // This test checks that resizing a squashing layer such that the offset of cont
ent squashed into it relative to the squashing |
| 12 // container causes a repaint of its bounds within the updated squashing layer g
eometry. | 12 // container causes a repaint of its bounds within the updated squashing layer g
eometry. |
| 13 window.expectedPaintInvalidationObjects = [ | |
| 14 "LayoutBlockFlow (positioned) DIV id='to-be-removed'", | |
| 15 ]; | |
| 16 function paintInvalidationTest() { | 13 function paintInvalidationTest() { |
| 17 document.querySelector("#to-be-removed").style.display = 'none'; | 14 document.querySelector("#to-be-removed").style.display = 'none'; |
| 18 } | 15 } |
| 19 | 16 |
| 20 runPaintInvalidationTest(); | 17 runPaintInvalidationTest(); |
| 21 </script> | 18 </script> |
| OLD | NEW |