third_party/WebKit/LayoutTests/compositing/overflow/overflow-auto-with-touch-toggle.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     .scroller {
   6       width: 300px;
   7       height: 300px;
   8       overflow: auto;
   9       -webkit-overflow-scrolling: touch;
  10     }
  11
  12     #column {
  13       /* Initially the content doesn't overflow so it won't be composited. */
  14       width: 100px;
  15       height: 100px;
  16       background: silver;
  17     }
  18   </style>
  19   <script>
  20     if (window.testRunner)
  21       testRunner.dumpAsText();
  22
  23     window.addEventListener('load', function() {
  24       // Introducing overflow should enable composited scrolling.
  25       var column = document.getElementById('column');
  26       column.style.width = '1000px';
  27       column.style.height = '1000px';
  28       if (window.testRunner)
  29         document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  30     }, true);
  31   </script>
  32 </head>
  33
  34 <body>
  35   <div class="scroller">
  36     <div id="column">
  37     </div>
  38   </div>
  39   <pre id="layers">Layer tree goes here in DRT</pre>
  40 </body>
  41 </html>