src/third_party/WebKit/LayoutTests/compositing/overflow/image-load-overflow-scrollbars.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type='text/css'>
   5   #overflow {
   6     overflow:auto;
   7     width:200px;
   8     height:200px;
   9     transform:translateZ(0);
  10   }
  11 </style>
  12 <script type='text/javascript'>
  13   function doTest() {
  14     var canvas = document.createElement('canvas');
  15     canvas.width = 1;
  16     canvas.height = 400;
  17     var content = document.getElementById("content");
  18     content.onload = function() {
  19       var overflow = document.getElementById("overflow");
  20         overflow.scrollTop = 50;
  21         if (window.testRunner)
  22           testRunner.notifyDone();
  23     }
  24     content.src = canvas.toDataURL();
  25   }
  26   window.addEventListener('load', doTest, false);
  27
  28   if (window.testRunner) {
  29     testRunner.waitUntilDone();
  30     testRunner.dumpAsTextWithPixelResults();
  31   }
  32 </script>
  33 </head>
  34 <body>
  35   <!-- This test passes if a partially scrolled scrollbar appears -->
  36   <div id="overflow">
  37     <img id="content">
  38   </div>
  39 </body>
  40 </html>