third_party/WebKit/LayoutTests/paint/invalidation/invalidate-after-composited-scroll.html

   1 <!doctype HTML>
   2 <div id="scroller" style="overflow:auto; will-change: transform; width: 200px; height: 200px; position: absolute; left: 300px; top: 300px;">
   3     <div>
   4         <div class="spacer" style="width: 1px; height: 2400px;"></div>
   5         <div id="target" style="width: 100px; height: 100px; background: blue"></div>
   6         <div class="spacer" style="width: 1px; height: 2400px;"></div>
   7       </div>
   8     </div>
   9 </div>
  10 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
  11 Tests that invalidation of a div after scrolling invalidates just the div and scrollbars, and no other area.
  12 <script>
  13 function repaintTest() {
  14     scroller.scrollTop = 2350;
  15     target.style.background = "papayawhip";
  16     finishRepaintTest();
  17 }
  18 window.testIsAsync = true;
  19 onload = runRepaintTest;
  20 </script>