src/third_party/WebKit/LayoutTests/fast/repaint/repaint-during-scroll-with-zoom.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         body {
   6             margin: 0;
   7             background: silver;
   8             zoom: 1.25;
   9         }
  10         iframe {
  11             position: absolute;
  12             top: 50px;
  13             width: 200px;
  14             height: 200px;
  15             overflow: auto;
  16         }
  17     </style>
  18 </head>
  19 <body>
  20     <iframe src="javascript:void(0);"></iframe>
  21     <script>
  22         var frame = window.frames[0];
  23         var doc = frame.document;
  24         doc.body.style.backgroundColor = 'white';
  25         doc.body.style.width = '2000px';
  26         doc.body.style.height = '2000px';
  27         doc.body.appendChild(doc.createTextNode('scroll me'));
  28         frame.scrollBy(100, 100);
  29     </script>
  30     <script>
  31         function testScrollRepaint()
  32         {
  33             if (window.testRunner) {
  34                 testRunner.waitUntilDone();
  35                 frame.onscroll = function() {
  36                     if (window.testRunner)
  37                         testRunner.notifyDone();
  38                 };
  39             }
  40             frame.scrollBy(-90, -90);
  41         }
  42
  43         if (window.testRunner) {
  44             testRunner.display();
  45             testScrollRepaint();
  46         } else {
  47             setTimeout(testScrollRepaint, 100);
  48         }
  49     </script>
  50 </body>
  51 </html>