OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="resources/text-based-repaint.js"></script> | 2 <script src="resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 document.getElementById('great-grandparent').style.top = '-100px'; | 5 document.getElementById('great-grandparent').style.top = '-100px'; |
6 } | 6 } |
7 onload = runRepaintAndPixelTest; | 7 onload = runRepaintAndPixelTest; |
8 </script> | 8 </script> |
9 Tests paint invalidation of the target when the great-grandparent changes locati
on. | 9 Tests paint invalidation of the target when the great-grandparent changes locati
on. |
10 Passes if there is only one green square. | 10 Passes if there is only one green square. |
11 <div style="position: absolute; background-color: red; top: 100px; left: 100px;
width: 100px; height: 100px">Indicator</div> | 11 <div style="position: absolute; background-color: red; top: 100px; left: 100px;
width: 100px; height: 100px">Indicator</div> |
12 <div id="great-grandparent" style="position: absolute; top: 0px; left: 0px"> | 12 <div id="great-grandparent" style="position: absolute; top: 0px; left: 0px"> |
13 <div style="position: absolute"> | 13 <div style="position: absolute"> |
14 <div style="position: absolute"> | 14 <div style="position: absolute"> |
15 <div style="position: absolute; background-color: green; top: 200px; left:
100px; width: 100px; height: 100px">Target</div> | 15 <div style="position: absolute; background-color: green; top: 200px; left:
100px; width: 100px; height: 100px">Target</div> |
16 </div> | 16 </div> |
17 </div> | 17 </div> |
18 </div> | 18 </div> |
OLD | NEW |