third_party/WebKit/LayoutTests/paint/invalidation/spv2/repaint-squashed-layer-in-rect.html

   1 <!-- Based on compositing/squashing/repaint-squashed-layer-in-rect.html -->
   2 <!doctype html>
   3 <div style="height: 800px; width: 800px; background-color: lightgray; transform:translateZ(0)">
   4 </div>
   5 <div style="position:absolute; top: 0px; height: 200px; width: 200px">
   6 </div>
   7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 200px; background-color: lightblue">
   8   <div id="imgElement" style="height: 200px; width: 200px; background-color: lightblue">
   9   </div>
  10 </div>
  11 <script src="resources/paint-invalidation-test.js"></script>
  12 <script>
  13 // Test that a repaint for the rect containing the changed background image is issued in the coordinate space of the
  14 // squashing layer, *not* local to the div with the background image on it.
  15 window.expectedPaintInvalidationObjects = [
  16     "LayoutBlockFlow DIV id='imgElement'",
  17 ];
  18 function paintInvalidationTest() {
  19     var imgElement = document.querySelector("#imgElement");
  20     imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')";
  21 }
  22 runPaintInvalidationTest();
  23 </script>