repaint-squashed-layer-in-rect.html

<!doctype html>
<div style="height: 800px; width: 800px; background-color: lightgray; will-change: transform;">
</div>
<div style="position:absolute; top: 0px; height: 200px; width: 200px">
</div>
<div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 200px; background-color: lightblue">
  <div id="imgElement" style="height: 200px; width: 200px; background-color: lightblue">
  </div>
</div>
<script src="../resources/text-based-repaint.js"></script>
<script>
// Test that a repaint for the rect containing the changed background image is issued in the coordinate space of the
// squashing layer, *not* local to the div with the background image on it.
function repaintTest() {
    var imgElement = document.querySelector("#imgElement");
    imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACAIABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')";
}
runRepaintAndPixelTest();
</script>

chromium/third_party/blink/web_tests/paint/invalidation/compositing/repaint-squashed-layer-in-rect.html