src/third_party/WebKit/LayoutTests/fast/repaint/layout-state-scrolloffset.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4   You should see the text 'after' in the inner box with no mangled pixels.
   5   <div id="parent" style="position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px red">
   6     <div style="position:absolute; width:100px; height:100px; left:100px; top:100px; border:solid 1px green; overflow:hidden">
   7       <div id="target" style="width:50px; height:50px">before</div>
   8     </div>
   9     <div style="width:1000px; height:1000px;"></div>
  10   </div>
  11 </body>
  12 <script>
  13   parent = document.getElementById('parent');
  14   parent.scrollTop = 10;
  15   parent.scrollLeft = 10;
  16   if (window.testRunner)
  17     testRunner.waitUntilDone();
  18
  19   window.setTimeout(function() {
  20     if (window.testRunner)
  21       testRunner.display();
  22
  23     document.getElementById('target').innerText = 'after';
  24
  25     if (window.testRunner)
  26       testRunner.notifyDone();
  27   }, 50);
  28 </script>
  29 </html>