discard-check-remove-replace.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/animations/reftests/discard-check-remove-replace.svg - WPT Dashboard Interop Dashboard

Default Checkerboard Light Dark

<svg onload="startTest()" xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml" class="reftest-wait">

  <title>discard element removes the element it references and itself</title>

  <h:link rel="help" href="https://svgwg.org/specs/animations/#DiscardElement"/>

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

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

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

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

  <rect id="r2" width="100" height="100" fill="red" />

  <discard href="#r2" begin="2s"/>

  <set attributeName="display" to="inline" begin="2.01s" dur="1s" fill="freeze" onbegin="checkDelete()"/>

  <script>

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

    function startTest() {

      document.documentElement.setCurrentTime(2);

    function checkDelete() {

      document.documentElement.appendChild(r2);

      r2.setAttribute("fill", "green");

      takeScreenshot();

  </script>

</svg>