<!DOCTYPE html>
<div style="position:absolute; height: 200px; width: 200px; will-change: transform; background: lightgray"></div>
<div style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div>
<div id="target" style="position:absolute; height: 200px; width: 200px; top: 50px; left: 50px; background:lightblue"></div>
<script src="../resources/text-based-repaint.js"></script>
<script>
// Tests that causing a squashed layer to leave its squashing layer causes an invalidation in the squashing layer for the previous
// location of the squashed layer.
function repaintTest() {
var target = document.getElementById("target");
target.style.willChange = 'transform';
};
runRepaintAndPixelTest();
</script>