palemoon-dev/platform/layout/reftests/svg/dynamic-attr-change-2.svg

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