summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/pservers/reftests/pattern-inheritance-template-pattern-removed.svg
blob: b80f81095ac0ab2275cf8d21696f92694757f2f1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<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>