third_party/WebKit/LayoutTests/compositing/iframes/resources/scrollgrandchild-inner.html

   1 <html>
   2 <head>
   3   <script src="../../../resources/run-after-layout-and-paint.js"></script>
   4   <style>
   5     body {
   6       height: 1000px;
   7     }
   8     #redbox {
   9       background-color: red;
  10       position: absolute;
  11       top: 50px;
  12       left: 50px;
  13       height: 50px;
  14       width: 50px;
  15     }
  16     #greenbox {
  17       background-color: green;
  18       position: absolute;
  19       top: 450px;
  20       left: 50px;
  21       height: 50px;
  22       width: 50px;
  23     }
  24   </style>
  25   <script>
  26     if (window.internals)
  27       window.internals.settings.setMockScrollbarsEnabled(true);
  28     if (window.testRunner) {
  29       testRunner.dumpAsTextWithPixelResults();
  30       testRunner.waitUntilDone();
  31     }
  32
  33     function doTest()
  34     {
  35       runAfterLayoutAndPaint(function() {
  36         // Scroll red box off screen and scroll green box into same place.
  37         window.scrollTo(0, 400);
  38         if (window.testRunner)
  39           testRunner.notifyDone();
  40       });
  41     }
  42
  43     window.addEventListener('load', doTest, false);
  44   </script>
  45 </head>
  46 <body>
  47   <div id="redbox"></div>
  48   <div id="greenbox"></div>
  49 </body>
  50 </html>