OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> | 4 <script src="resources/text-based-repaint.js" type="text/javascript"></scrip
t> |
5 <script> | 5 <script> |
6 window.onload = function() { | 6 window.onload = function() { |
7 if (window.eventSender) { | 7 if (window.eventSender) { |
8 testRunner.dumpAsTextWithPixelResults(); | 8 testRunner.dumpAsTextWithPixelResults(); |
9 | 9 |
| 10 if (window.internals) |
| 11 internals.settings.setScrollAnimatorEnabled(false); |
| 12 |
10 // Scroll the #outerDiv until we reach the #innerDiv. | 13 // Scroll the #outerDiv until we reach the #innerDiv. |
11 eventSender.mouseMoveTo(50, 50); | 14 eventSender.mouseMoveTo(50, 50); |
12 eventSender.mouseScrollBy(0, -8); | 15 eventSender.mouseScrollBy(0, -8); |
13 } else { | 16 } else { |
14 document.write("This test is better run under DumpRenderTree. To man
ually test it, continuously scroll down on the top-most element. There should be
no repaint issue."); | 17 document.write("This test is better run under DumpRenderTree. To man
ually test it, continuously scroll down on the top-most element. There should be
no repaint issue."); |
15 } | 18 } |
16 runRepaintTest(); | 19 runRepaintTest(); |
17 }; | 20 }; |
18 | 21 |
19 function repaintTest() | 22 function repaintTest() |
20 { | 23 { |
21 // Now scroll once in the #innerDiv to the green area. | 24 // Now scroll once in the #innerDiv to the green area. |
22 if (window.eventSender) | 25 if (window.eventSender) |
23 eventSender.mouseScrollBy(0, -10); | 26 eventSender.mouseScrollBy(0, -10); |
24 } | 27 } |
25 </script> | 28 </script> |
26 </head> | 29 </head> |
27 <body> | 30 <body> |
28 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element bei
ng scrolled off page using javascript. --> | 31 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element bei
ng scrolled off page using javascript. --> |
29 <!-- For the test to pass you should not see any RED or PURPLE, only green --> | 32 <!-- For the test to pass you should not see any RED or PURPLE, only green --> |
30 <div style="height: 300px; overflow-y: auto;" id="outerDiv"> | 33 <div style="height: 300px; overflow-y: auto;" id="outerDiv"> |
31 <div style="height: 300px; background: purple;"></div> | 34 <div style="height: 300px; background: purple;"></div> |
32 <div style="height: 400px; overflow-y: auto;" id="innerDiv"> | 35 <div style="height: 400px; overflow-y: auto;" id="innerDiv"> |
33 <div style="height: 400px; width: 300px; background: red"></div> | 36 <div style="height: 400px; width: 300px; background: red"></div> |
34 <div style="height: 400px; width: 300px; background: green"></div> | 37 <div style="height: 400px; width: 300px; background: green"></div> |
35 </div> | 38 </div> |
36 </div> | 39 </div> |
37 </body> | 40 </body> |
38 </html> | 41 </html> |
OLD | NEW |