end-event.svg - mozsearch

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/animations/end-event.svg - WPT Dashboard Interop Dashboard

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg">

  <title>Animation triggers on 'endEvent'</title>

  <script xmlns="http://www.w3.org/1999/xhtml" src="/resources/testharness.js"/>

  <script xmlns="http://www.w3.org/1999/xhtml" src="/resources/testharnessreport.js"/>

  <rect width="0" height="100" fill="green">

    <animate id="anim" attributeName="visibility" to="visible" begin="0s" end="2s"/>

    <set attributeName="width" to="100" begin="anim.endEvent"/>

  </rect>

  <script>

    async_test(t => {

        document.documentElement.setCurrentTime(1.99);

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

        set.addEventListener('beginEvent', t.step_func_done(function() {

            assert_equals(set.parentNode.getBBox().width, 100);

        }));

});

  </script>

</svg>