OLD | NEW |
1 <!-- Based on compositing/squashing/repaint-squashed-layer-in-rect.html --> | 1 <!-- Based on compositing/squashing/repaint-squashed-layer-in-rect.html --> |
2 <!doctype html> | 2 <!doctype html> |
3 <div style="height: 800px; width: 800px; background-color: lightgray; transform:
translateZ(0)"> | 3 <div style="height: 800px; width: 800px; background-color: lightgray; transform:
translateZ(0)"> |
4 </div> | 4 </div> |
5 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> | 5 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> |
6 </div> | 6 </div> |
7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20
0px; background-color: lightblue"> | 7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20
0px; background-color: lightblue"> |
8 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig
htblue"> | 8 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig
htblue"> |
9 </div> | 9 </div> |
10 </div> | 10 </div> |
11 <script src="resources/paint-invalidation-test.js"></script> | 11 <script src="resources/paint-invalidation-test.js"></script> |
12 <script> | 12 <script> |
13 // Test that a repaint for the rect containing the changed background image is i
ssued in the coordinate space of the | 13 // Test that a repaint for the rect containing the changed background image is i
ssued in the coordinate space of the |
14 // squashing layer, *not* local to the div with the background image on it. | 14 // squashing layer, *not* local to the div with the background image on it. |
15 window.expectedPaintInvalidationObjects = [ | |
16 "LayoutBlockFlow DIV id='imgElement'", | |
17 ]; | |
18 function paintInvalidationTest() { | 15 function paintInvalidationTest() { |
19 var imgElement = document.querySelector("#imgElement"); | 16 var imgElement = document.querySelector("#imgElement"); |
20 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA
IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; | 17 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA
IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; |
21 } | 18 } |
22 runPaintInvalidationTest(); | 19 runPaintInvalidationTest(); |
23 </script> | 20 </script> |
OLD | NEW |