<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<style> | |
* { margin: 0 } | |
</style> | |
<svg style="width: 400px; height: 400px"> | |
<g id="container" style="transform: translateY(10px)"> | |
<rect width="101" height="100" x="10" | |
y="-200" fill="green"> | |
</rect> | |
</g> | |
</svg> | |
<script> | |
if (window.testRunner) | |
testRunner.waitUntilDone(); | |
runAfterLayoutAndPaint(() => { | |
container.style.transform = "translateY(300px)"; | |
window.testRunner.notifyDone(); | |
}); | |
</script> |