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