third_party/WebKit/LayoutTests/paint/invalidation/spv2/invalidations-with-large-negative-margin.html

   1 <!-- Based on compositing/squashing/invalidations-with-large-negative-margin.html -->
   2 <!DOCTYPE html>
   3 <div style="height:200px;width:600px;overflow:scroll">
   4   <div style="position:relative">
   5     <div style="height:400px;margin-bottom:-400px;position:relative">
   6       <div id="chip" style="width:50px;height:50px;position:absolute;background:lightblue;margin:0"></div>
   7     </div>
   8   </div>
   9 </div>
  10
  11 <script src="resources/paint-invalidation-test.js"></script>
  12 <script>
  13 // Test that moving a Layer that is squashed relative to its squashing container repaints correctly.
  14 // In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer.
  15 window.expectedPaintInvalidationObjects = [
  16     "LayoutBlockFlow (positioned) DIV id='chip'",
  17 ];
  18 function paintInvalidationTest()
  19 {
  20     document.getElementById('chip').style.left = "400px";
  21 }
  22
  23 runPaintInvalidationTest();
  24 </script>