pattern-inheritance-template-pattern-removed.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/pservers/reftests/pattern-inheritance-template-pattern-removed.svg - WPT Dashboard Interop Dashboard

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml"

     class="reftest-wait">

  <title>SVG Pattern: Inherited pattern removed after style change</title>

  <h:link rel="help" href="https://svgwg.org/svg2-draft/pservers.html"/>

  <h:link rel="match" href="reference/green-100x100.svg"/>

  <h:script src="/common/rendering-utils.js"/>

  <h:script src="/common/reftest-wait.js"/>

  <pattern id="pattern" width="1" height="1">

    <rect width="100" height="100" fill="orange"/>

  </pattern>

  <pattern id="inheritedPattern" href="#pattern"/>

  <rect width="100" height="100" fill="url(#inheritedPattern) green"/>

  <script>

    waitForAtLeastOneFrame().then(() => {

      let svg = document.querySelector('svg');

      let pattern = document.getElementById("pattern");

      svg.style.imageRendering = 'pixelated';

      getComputedStyle(svg).imageRendering;

      pattern.remove();

      takeScreenshot();

});

  </script>

</svg>