src/third_party/WebKit/LayoutTests/fast/repaint/overflow-auto-in-overflow-auto-scrolled.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="resources/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: auto;" id="outerDiv">
  18     <div style="height: 300px; background: purple;"></div>
  19     <div style="height: 400px; overflow-y: auto;" id="innerDiv">
  20         <div style="height: 400px; width: 300px; background: red"></div>
  21         <div style="height: 400px; width: 300px; background: green"></div>
  22     </div>
  23 </div>
  24 <script>
  25 if (window.eventSender) {
  26     testRunner.dumpAsTextWithPixelResults();
  27
  28     // Scroll the #outerDiv until we reach the #innerDiv.
  29     eventSender.mouseMoveTo(50, 50);
  30     eventSender.mouseScrollBy(0, -8);
  31 } else {
  32     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.");
  33 }
  34 </script>
  35 </body>
  36 </html>