svg/embedded/image-remove-href-3.svg

<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     xmlns:h="http://www.w3.org/1999/xhtml" viewBox="0 0 4 4" width="200" height="200" class="reftest-wait">
  <metadata>
    <title>removing xlink:href from an SVG image</title>
    <h:link rel="match" href="reference/green-rect-100x100.svg"/>
  </metadata>
  <script href="/common/reftest-wait.js"></script>
  <script href="/common/rendering-utils.js"></script>
  <rect width="2" height="2" fill="green"/>
  <image width="2" height="2" onload="test()"
         xlink:href="data:image/svg+xml,&lt;svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' &gt;&lt;rect width='50' height='50' fill='red'/&gt;&lt;/svg&gt;"/>
  <script>
    const XLINK_NS = "http://www.w3.org/1999/xlink";
    async function test() {
      await waitForAtLeastOneFrame();
      document.querySelector('image').removeAttributeNS(XLINK_NS, 'href');
      await waitForAtLeastOneFrame();
      takeScreenshot();
    }
  </script>
</svg>