third_party/WebKit/LayoutTests/fast/scrolling/background-paint-scrolled.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <style>
   4 #box {
   5   position: absolute;
   6   left: 300px;
   7   top: 150px;
   8   width: 50px;
   9   height: 50px;
  10   background-color: yellow;
  11 }
  12 </style>
  13 <div id="box"></div>
  14 <div style="height: 900px"></div>
  15 <script>
  16
  17 if (window.testRunner) {
  18   testRunner.dumpAsTextWithPixelResults();
  19   testRunner.waitUntilDone();
  20 }
  21
  22 runAfterLayoutAndPaint(function() {
  23   var box = document.querySelector("#box");
  24   scrollTo(0, 100);
  25   box.style.backgroundColor = "green";
  26   runAfterLayoutAndPaint(function() {
  27     scrollTo(0, 0);
  28     if (window.testRunner)
  29       testRunner.notifyDone();
  30   });
  31 });
  32
  33 </script>