<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:h="http://www.w3.org/1999/xhtml">
    <title>Focus events are composed</title>
    <metadata>
        <h:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/interact.html#Focus"/>
    </metadata>
    <a id="a1" href="#"></a>
    <h:script src="/resources/testharness.js"/>
    <h:script src="/resources/testharnessreport.js"/>
    <script><![CDATA[
    async_test(t => {
        const anchor = document.getElementById("a1");
        let happened = false;
        anchor.onfocus = t.step_func(e => {
            happened = true;
            assert_equals(e.type, "focus");
            assert_true(e.composed);
        });
        anchor.focus();
        anchor.onblur = t.step_func_done(e => {
            assert_true(happened);
            assert_equals(e.type, "blur");
            assert_true(e.composed);
        });
        anchor.blur();
    }, "Focus events are composed");
    ]]></script>
</svg>