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/run-after-display.js"></script>
   5     <script src="resources/text-based-repaint.js" type="text/javascript"></script>
   6     <script>
   7     if (window.testRunner)
   8         testRunner.waitUntilDone();
   9
  10     window.onload = function()
  11     {
  12         if (window.eventSender) {
  13             testRunner.dumpAsTextWithPixelResults();
  14
  15             // Scroll the #outerDiv until we reach the #innerDiv.
  16             eventSender.mouseMoveTo(50, 50);
  17             eventSender.mouseScrollBy(0, -8);
  18         } else {
  19             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.");
  20         }
  21
  22         runAfterDisplay(function() {
  23             runRepaintTest();
  24             if (window.testRunner)
  25                 testRunner.notifyDone();
  26         });
  27     }
  28
  29     function repaintTest()
  30     {
  31         // Now scroll once in the #innerDiv to the green area.
  32         if (window.eventSender)
  33             eventSender.mouseScrollBy(0, -10);
  34     }
  35     </script>
  36 </head>
  37 <body>
  38 <!-- Bug 71550 - REGRESSION (r93614): Content remains despite parent element being scrolled off page using javascript. -->
  39 <!-- For the test to pass you should not see any RED or PURPLE, only green -->
  40 <div style="height: 300px; overflow-y: auto;" id="outerDiv">
  41     <div style="height: 300px; background: purple;"></div>
  42     <div style="height: 400px; overflow-y: auto;" id="innerDiv">
  43         <div style="height: 400px; width: 300px; background: red"></div>
  44         <div style="height: 400px; width: 300px; background: green"></div>
  45     </div>
  46 </div>
  47 </body>
  48 </html>