palemoon-dev/platform/layout/reftests/svg/dynamic-marker-01.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" onload="startTest()" xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Testing that dynamic changes to the element for a given ID are reflected in marker</title>
  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=309220 -->
  <defs>
    <marker id="x" style="overflow: visible;" orient="auto" markerUnits="strokeWidth">
      <rect width="100%" height="100%" fill="lime"/>
    </marker>
  </defs>
	
  <rect width="100%" height="100%" fill="red"/>
	
  <line id="l1" x1="0" x2="0" y1="0" y2="0" fill="none" stroke="black" stroke-width="1" marker-end="url(#m1)"/>

  <script>
  function startTest() {
    document.addEventListener("MozReftestInvalidate", doTest, false);
    setTimeout(doTest, 4000); // fallback for running outside reftest
  }
  
  function doTest() {
    // check that changing an id to "m1" lets l1 find it
    var x = document.getElementById("x");
    x.setAttribute("id", "m1");

    document.documentElement.removeAttribute('class');
  }
  </script>
</svg>