third_party/WebKit/LayoutTests/compositing/iframes/nested-iframe-scrolling.html

   1 <html>
   2 <head>
   3   <style type="text/css">
   4     body {
   5         margin: 0;
   6     }
   7     iframe {
   8         width: 320px;
   9         height: 200px;
  10         transform: translateZ(0);
  11         border: none;
  12     }
  13
  14     #indicator {
  15         position: absolute;
  16         top: 0px;
  17         left: 0px;
  18         height: 100px;
  19         width: 100px;
  20         background-color: red;
  21     }
  22   </style>
  23   <script type="text/javascript" charset="utf-8">
  24
  25     if (window.testRunner)
  26         testRunner.waitUntilDone();
  27
  28     function runTest()
  29     {
  30         var frameDocument = document.getElementById('frame').contentWindow.document;
  31         var subframeWindow = frameDocument.getElementById('subframe').contentWindow;
  32         subframeWindow.scrollTo(0, 100);
  33
  34         if (window.testRunner)
  35             testRunner.notifyDone();
  36     }
  37
  38     window.addEventListener('load', function() {
  39         setTimeout(runTest, 10);
  40     }, false);
  41
  42   </script>
  43 </head>
  44 <body>
  45
  46 <!-- In pixel results, you should see a single green square with no red. -->
  47 <div id="indicator"></div>
  48 <iframe id="frame" src="resources/nested-subframe.html"></iframe>
  49
  50 </body>
  51 </html>