testing/web-platform/tests/css/css-masking/clip-path-svg-content/clip-path-no-content-005.svg


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml"
     class="reftest-wait">
  <title>Removing a clip-path attribute pointing to an empty &#x3c;clipPath&#x3e;</title>
  <h:link rel="help" href="https://drafts.fxtf.org/css-masking-1/#ClipPathElement"/>
  <h:link rel="match" href="reference/clip-path-square-003-ref.svg"/>
  <h:script src="/common/reftest-wait.js"/>
  <h:script src="/common/rendering-utils.js"/>

  <clipPath id="empty"/>
  <g clip-path='url("#empty")'>
    <rect width="200" height="200" fill="green"/>
  </g>
  <script>
    waitForAtLeastOneFrame().then(() => {
      document.querySelector('svg > g').removeAttribute('clip-path');
      takeScreenshot();
    });
  </script>
</svg>