<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:h="http://www.w3.org/1999/xhtml">
  <title>cloning a SVGGraphicsElement</title>
  <metadata>
    <h:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/types.html#InterfaceSVGGraphicsElement"/>
  </metadata>
  <h:script src="/resources/testharness.js"/>
  <h:script src="/resources/testharnessreport.js"/>

  <rect id="r" x="10">
    <set id="set" begin="indefinite" attributeName="x" to="20" dur="15ms" fill="freeze"/>
  </rect>

  <script><![CDATA[
    let el = document.getElementById("r");
    let set = document.getElementById("set");

    test(function() {
      let clone = el.cloneNode();
      assert_equals(clone.x.animVal.value, clone.x.baseVal.value);
    }, 'check animVal equals baseVal by default');

    async_test(t => {
      set.beginElement();
      set.addEventListener("beginEvent", t.step_func_done(function () {
        assert_approx_equals(el.x.animVal.value, 20, 0.001);
        let clone = el.cloneNode();
        assert_approx_equals(clone.x.animVal.value, 10, 0.001);
      }));
    }, 'check clone does not copy the animated value');
  ]]></script>
</svg>