OLD | NEW |
| 1 <!-- Based on paint/invalidation/invalidate-after-composited-scroll.html --> |
1 <!doctype HTML> | 2 <!doctype HTML> |
2 <div id="scroller" style="overflow:auto; will-change: transform; width: 200px; h
eight: 200px; position: absolute; left: 300px; top: 300px;"> | 3 <div id="scroller" style="overflow:auto; will-change: transform; width: 200px; h
eight: 200px; position: absolute; left: 300px; top: 300px;"> |
3 <div> | 4 <div> |
4 <div class="spacer" style="width: 1px; height: 2400px;"></div> | 5 <div class="spacer" style="width: 1px; height: 2400px;"></div> |
5 <div id="target" style="width: 100px; height: 100px; background: blue"><
/div> | 6 <div id="target" style="width: 100px; height: 100px; background: blue"><
/div> |
6 <div class="spacer" style="width: 1px; height: 2400px;"></div> | 7 <div class="spacer" style="width: 1px; height: 2400px;"></div> |
7 </div> | |
8 </div> | 8 </div> |
9 </div> | 9 </div> |
10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 10 <script src="resources/paint-invalidation-test.js"></script> |
11 Tests that invalidation of a div after scrolling invalidates just the div and sc
rollbars, and no other area. | 11 Tests that invalidation of a div after scrolling invalidates just the div and sc
rollbars, and no other area. |
12 <script> | 12 <script> |
13 function repaintTest() { | 13 window.expectedPaintInvalidationObjects = [ |
| 14 "LayoutBlockFlow DIV id='target'", |
| 15 ]; |
| 16 function paintInvalidationTest() { |
14 scroller.scrollTop = 2350; | 17 scroller.scrollTop = 2350; |
15 target.style.background = "papayawhip"; | 18 target.style.background = "papayawhip"; |
16 finishRepaintTest(); | |
17 } | 19 } |
18 window.testIsAsync = true; | 20 onload = runPaintInvalidationTest; |
19 onload = runRepaintTest; | 21 </script> |
20 </script> | |
OLD | NEW |