third_party/WebKit/LayoutTests/fast/repaint/positioned-great-grandparent-change-location.html

   1 <!DOCTYPE html>
   2 <script src="resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   document.getElementById('great-grandparent').style.top = '-100px';
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 Tests paint invalidation of the target when the great-grandparent changes location.
  10 Passes if there is only one green square.
  11 <div style="position: absolute; background-color: red; top: 100px; left: 100px; width: 100px; height: 100px">Indicator</div>
  12 <div id="great-grandparent" style="position: absolute; top: 0px; left: 0px">
  13   <div style="position: absolute">
  14     <div style="position: absolute">
  15       <div style="position: absolute; background-color: green; top: 200px; left: 100px; width: 100px; height: 100px">Target</div>
  16     </div>
  17   </div>
  18 </div>