third_party/WebKit/LayoutTests/fast/repaint/table-overflow-scroll-in-overflow-scroll-scrolled.html

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