<html>
<head>
<script src="../resources/js-test-pre.js"></script>
</head>
<body>

<p id="description"></p>

<select id="select" value="Select"></select>

<div id="slider" tabindex="0" role="slider" aria-valuenow="5">Slider</div>

<div id="console"></div>

<script>
description("This tests that a notification listener on an element only listens to that one element, and that a global notification listener listens to all notifications.");

function runTest() {
    window.jsTestIsAsync = true;

    window.selectNotificationCount = 0;
    window.sliderNotificationCount = 0;
    window.globalNotificationCount = 0;

    if (window.accessibilityController) {
        document.getElementById("select").focus();
        window.select = accessibilityController.focusedElement;
        select.addNotificationListener(function(notification) {
            selectNotificationCount++;
            debug("SELECT " + notification);
        });

        document.getElementById("slider").focus();
        window.slider = accessibilityController.focusedElement;
        slider.addNotificationListener(function(notification) {
            sliderNotificationCount++;
            debug("SLIDER " + notification);
        });

        accessibilityController.addNotificationListener(function(element, notification) {
            if (element.isEqual(slider) || element.isEqual(select)) {
                globalNotificationCount++;
                debug("GLOBAL " + notification + " on element with role " + element.role);
            }
        });
    }

    // Ensure these elements exist in the AX tree otherwise notifications won't be generated.
    accessibilityController.accessibleElementById("select");
    accessibilityController.accessibleElementById("slider");

    // This should trigger a "invalid status changed" notification on the select.
    document.getElementById("select").setAttribute("aria-invalid", "true");

    // This should trigger a "value changed" notification on the slider.
    document.getElementById("slider").setAttribute("aria-valuenow", "6");

    window.setTimeout(function() {
        shouldBe("selectNotificationCount", "1");
        shouldBe("sliderNotificationCount", "1");
        shouldBe("globalNotificationCount", "2");

        if (window.accessibilityController) {
            accessibilityController.removeNotificationListener();
            select.removeNotificationListener();
            slider.removeNotificationListener();
        }

        finishJSTest();
    }, 10);
}

runTest();

</script>

<script src="../resources/js-test-post.js"></script>
</body>
</html>