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

<div id="examples">
    <!-- All of these eval to AXInvalid: 'false' -->
    <input class="ex" id="ex1" data-expected="false" type="text">
    <input class="ex" id="ex2" data-expected="false" type="text" aria-invalid>
    <input class="ex" id="ex3" data-expected="false" type="text" aria-invalid="">
    <input class="ex" id="ex4" data-expected="false" type="text" aria-invalid=" ">
    <input class="ex" id="ex5" data-expected="false" type="text" aria-invalid="	"><!-- [sic] tab char -->
    <input class="ex" id="ex6" data-expected="false" type="text" aria-invalid="
    "><!-- [sic] newline char -->
    <input class="ex" id="ex7" data-expected="false" type="text" aria-invalid="false">
    <input class="ex" id="ex8" data-expected="false" type="text" aria-invalid="undefined">

    <!-- Known token values in ARIA 1.0. -->
    <input class="ex" id="ex9" data-expected="grammar" type="text" aria-invalid="grammar">
    <input class="ex" id="ex10" data-expected="grammar" type="text" aria-invalid="grammar	"><!-- [sic] tab char -->
    <input class="ex" id="ex11" data-expected="spelling" type="text" aria-invalid="spelling">
    <input class="ex" id="ex12" data-expected="spelling" type="text" aria-invalid="spelling
    "><!-- [sic] newline char -->

    <!-- All other string values are truthy, including a combination of otherwise valid tokens. -->
    <input class="ex" id="ex13" data-expected="true" type="text" aria-invalid="true">
    <input class="ex" id="ex14" data-expected="true" type="text" aria-invalid="notallowed">
    <input class="ex" id="ex15" data-expected="true" type="text" aria-invalid="…">
    <input class="ex" id="ex16" data-expected="true" type="text" aria-invalid="Ç">
    <input class="ex" id="ex17" data-expected="true" type="text" aria-invalid="spelling grammar">
    <input class="ex" id="ex18" data-expected="true" type="text" aria-invalid="spelling	grammar"><!-- [sic] tab char -->
    <input class="ex" id="ex19" data-expected="true" type="text" aria-invalid="spelling
    grammar"><!-- [sic] newline char -->
</div>

<script>
    var testOutput = "This tests that aria-invalid causes the right attribute to be returned and it ensures a notification is sent when it changes.\n\n";

    var axNotificationElement = null;
    function notificationCallback(notification) {
        if (notification == "AXInvalidStatusChanged") {
            testOutput += "Notification received successfully.\n";

            axNotificationElement.removeNotificationListener();
        }
    }

    function verify(value, expectation, element) {
        if (value === expectation)
            testOutput += `PASS: AXInvalid is ${value}.\n`;
        else
            testOutput += `FAIL: AXInvalid is ${value}. Expected: ${expectation}. ${(element ? element.outerHTML : "")}\n`;
    }

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

        var examples = document.querySelectorAll(".ex");
        for (var i = 0, c = examples.length; i < c; i++) {
            var el = examples[i];
            var expectation = el.getAttribute("data-expected");
            var value = accessibilityController.accessibleElementById(el.id).stringAttributeValue("AXInvalid");
            verify(value, expectation, el);
        }

        const domNotificationElement = document.querySelector(".ex");
        axNotificationElement = accessibilityController.accessibleElementById(domNotificationElement.id);
        var didAddNotification = axNotificationElement.addNotificationListener(notificationCallback);
        testOutput += expect("didAddNotification", "true");
        domNotificationElement.setAttribute("aria-invalid", "spelling");

        setTimeout(async () => {
            await waitFor(() => {
                return axNotificationElement.stringAttributeValue("AXInvalid") === "spelling";
            });
            verify(axNotificationElement.stringAttributeValue("AXInvalid"), "spelling", domNotificationElement);

            document.getElementById("examples").hidden = true;
            debug(testOutput);
            finishJSTest();
        });
    }
</script>
</body>
</html>