<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"> <script> function doTest() { var target = document.querySelector(".target"); target.setAttribute("transform", "translate(20,20)"); document.documentElement.removeAttribute("class"); } document.addEventListener("MozReftestInvalidate", doTest, false); </script> <!-- Lime background to match pass.svg --> <rect height="100%" width="100%" fill="lime"/> <!-- Red rect, which we'll have to cover up to pass the test: --> <rect x="20" y="20" width="100" height="100" fill="red"/> <!-- Lime rect, which we'll try to transform to cover up the red rect: --> <g class="target" transform=""> <rect width="100" height="100" fill="lime"/> </g> </svg>