LayoutTests/accessibility/focusable-div.html

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../resources/js-test.js"></script>
<script src="../resources/accessibility-helper.js"></script>
</head>
<body>

<div id="content">
    <!-- A link always gets its accessible text from contents. -->
    <a id="link" href="#">A</a>

    <!-- A generic focusable div should not get its accessible text from contents. -->
    <div id="div" tabindex="0">B</div>
    <div id="div2" tabindex="0"><div></div>C</div>
    <div id="div3" tabindex="0" aria-label="D"></div>

    <!-- A generic focusable div should not get accessible text from children that are focusable or containers. -->
    <div id="div4" tabindex="0"><a href="#">Link</a></div>
    <div id="div5" tabindex="0">Initial text before link<a href="#">Link</a></div>
    <div id="div6" tabindex="0"><ul><li>List item</li></ul></div>
    <div id="div7" tabindex="0">Initial text before list<ul><li>List item</li></ul></div>
</div>

<script>
    description("This test makes sure that a generic focusable div can get accessibility focus. It should not get accessible text from its children automatically though.");

    function lastChar(str) {
        return str.substr(str.length - 1);
    }

    async function waitForFocus(id) {
        document.getElementById(id).focus();
        shouldBe("document.activeElement.id", `"${id}"`);
        let axFocusedElement;
        await waitFor(() => {
            axFocusedElement = accessibilityController.focusedElement;
            return axFocusedElement && axFocusedElement.domIdentifier === id;
        });
        return axFocusedElement;
    }

    if (window.accessibilityController) {
        window.jsTestIsAsync = true;

        setTimeout(async function() {
            window.axLink = await waitForFocus("link");
            shouldBe("lastChar(axLink.title)", "\"A\"");

            window.axDiv = await waitForFocus("div");
            shouldBe("lastChar(axDiv.title)", "' '");

            window.axDiv2 = await waitForFocus("div2");
            shouldBe("lastChar(axDiv2.title)", "' '");

            window.accNameForDiv3 = platformValueForW3CName(await waitForFocus("div3"));
            shouldBe("lastChar(accNameForDiv3)", "\"D\"");

            window.axDiv4 = await waitForFocus("div4");
            shouldBe("axDiv4.title.indexOf('Link')", "-1");

            window.axDiv5 = await waitForFocus("div5");
            shouldBe("axDiv5.title.indexOf('Link')", "-1");
            shouldBe("axDiv5.title.indexOf('Initial text before link') >= 0", "false");

            window.axDiv6 = await waitForFocus("div6");
            shouldBe("axDiv6.title.indexOf('List item')", "-1");

            window.axDiv7 = await waitForFocus("div7");
            shouldBe("axDiv7.title.indexOf('List item')", "-1");
            shouldBe("axDiv7.title.indexOf('Initial text before list') >= 0", "false");

            document.getElementById("content").style.visibility = "hidden";

            finishJSTest();
        }, 0);
    }
</script>
</body>
</html>