src/third_party/WebKit/LayoutTests/compositing/repaint/scroll-fixed-layer-out-of-view.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script type="text/javascript">
   5         if (window.testRunner)
   6             testRunner.dumpAsText();
   7
   8         if (window.internals) {
   9             internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);
  10             internals.settings.setFixedPositionCreatesStackingContext(true);
  11         }
  12
  13         function test()
  14         {
  15             document.body.offsetHeight;
  16             if (window.internals)
  17                 window.internals.startTrackingRepaints(document);
  18
  19             window.scrollTo(0, 1000);
  20             window.scrollTo(0, 100);
  21
  22             if (window.internals)
  23                 document.getElementById('repaintRects').textContent = window.internals.repaintRectsAsText(document);
  24         }
  25     </script>
  26 </head>
  27 <body style="height:2000px" onload="test()">
  28     <div style="position: fixed; top: -300px; left: 100px; width: 88px; height: 88px; background-color: silver"></div>
  29     <div style="position: fixed; top: 1000px; left: 100px; width: 99px; height: 99px; background-color: silver"></div>
  30     There should be no repaints here:
  31     <pre id="repaintRects"></pre>
  32 </body>
  33 </html>