src/third_party/WebKit/LayoutTests/compositing/overflow/scrolling-without-painting.html

   1 <!DOCTYPE html>
   2
   3 <!--
   4 This test checks that accelerated scrolling layers can be scrolled without
   5 repainting their contents. See https://bugs.webkit.org/show_bug.cgi?id=96087.
   6 -->
   7
   8 <html>
   9 <head>
  10   <style type="text/css">
  11     #scroller {
  12         overflow: scroll;
  13         -webkit-overflow-scrolling: touch;
  14         width: 200px;
  15         height: 200px;
  16         border: solid thin blue;
  17     }
  18
  19     #content {
  20         height: 1000px;
  21         margin-top: 25px;
  22     }
  23   </style>
  24   <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  25   <script type="text/javascript">
  26       if (window.internals)
  27           window.internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true);
  28
  29       function repaintTest() {
  30           // Scroll down. This should not cause any more repaints to the
  31           // scrolling contents.
  32           document.getElementById('scroller').scrollTop = 25;
  33       }
  34
  35       runRepaintTest();
  36   </script>
  37 </head>
  38 <body>
  39   <div id="scroller">
  40     <div id="content"></div>
  41   </div>
  42 </body>
  43 </html>