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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   5     <script>
   6     window.onload = function() {
   7         if (window.eventSender) {
   8             testRunner.dumpAsTextWithPixelResults();
   9
  10             // Scroll the #outerDiv until we reach the #innerDiv.
  11             eventSender.mouseMoveTo(50, 50);
  12             eventSender.mouseScrollBy(0, -8);
  13         } else {
  14             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.");
  15         }
  16         runRepaintTest();
  17     };
  18
  19     function repaintTest()
  20     {
  21         // Now scroll once in the #innerDiv to the green area.
  22         if (window.eventSender)
  23             eventSender.mouseScrollBy(0, -10);
  24     }
  25     </script>
  26 </head>
  27 <body>
  28 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element being scrolled off page using javascript. -->
  29 <!-- 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">
  31     <div style="height: 300px; background: purple;"></div>
  32     <div style="height: 400px; overflow-y: auto;" id="innerDiv">
  33         <div style="height: 400px; width: 300px; background: red"></div>
  34         <div style="height: 400px; width: 300px; background: green"></div>
  35     </div>
  36 </div>
  37 </body>
  38 </html>