<!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>