third_party/WebKit/LayoutTests/fast/scrolling/background-paint-scrolled-out-and-in.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 Same as background-paint-scrolled.html but scrolls the changed box out of view then back in.
  14 <div id="box"></div>
  15 <div style="height: 2000px"></div>
  16 <script>
  17
  18 if (window.testRunner) {
  19   testRunner.dumpAsTextWithPixelResults();
  20   testRunner.waitUntilDone();
  21 }
  22
  23 runAfterLayoutAndPaint(function() {
  24   var box = document.querySelector("#box");
  25   scrollTo(0, 1000);
  26   box.style.backgroundColor = "green";
  27   runAfterLayoutAndPaint(function() {
  28     scrollTo(0, 0);
  29     if (window.testRunner)
  30       testRunner.notifyDone();
  31   });
  32 });
  33
  34 </script>