<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<svg style="width: 400px; height: 400px">
<image id="image" xlink:href="../custom/resources/green-rect.svg" width="100" height="100"></image>
</svg>
<script>
image.style.transform = "translate(-300px, -300px)";
if (window.testRunner)
testRunner.waitUntilDone();
onload = function() {
runAfterLayoutAndPaint(() => {
image.style.transform = "translate(1px, 1px)";
window.testRunner.notifyDone();
});
}
</script>