63 lines
2.2 KiB
HTML
63 lines
2.2 KiB
HTML
<html>
|
|
<head>
|
|
<script src="../resources/js-test-pre.js"></script>
|
|
<script src="../resources/accessibility-helper.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="content" role="list" tabindex="-1">
|
|
<div id="item1" role="listitem">1</div>
|
|
<div id="item2" role="listitem" aria-current="page">2</div>
|
|
<div id="item3" role="listitem">3</div>
|
|
</div>
|
|
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
|
|
<script>
|
|
description("This tests that changing the aria-current value results in a CurrentStateChanged notification.");
|
|
window.jsTestIsAsync = true;
|
|
|
|
if (window.testRunner && window.accessibilityController) {
|
|
var notificationCount = 0;
|
|
|
|
accessibilityController.addNotificationListener(function(element, notification) {
|
|
if (notification != "AXCurrentStateChanged")
|
|
return;
|
|
|
|
++notificationCount;
|
|
debug(notification + " notification for " + element.domIdentifier);
|
|
});
|
|
|
|
var item2 = accessibilityController.accessibleElementById("item2");
|
|
shouldBe("item2.currentStateValue", "'page'");
|
|
var item3 = accessibilityController.accessibleElementById("item3");
|
|
shouldBe("item3.currentStateValue", "'false'");
|
|
|
|
debug("Setting aria-current to false on item2.");
|
|
document.getElementById("item2").setAttribute("aria-current", "false");
|
|
setTimeout(async function() {
|
|
await waitFor(() => {
|
|
return notificationCount == 1;
|
|
});
|
|
shouldBe("item2.currentStateValue", "'false'");
|
|
shouldBe("item3.currentStateValue", "'false'");
|
|
|
|
debug("Setting aria-current to page on item3.");
|
|
document.getElementById("item3").setAttribute("aria-current", "page");
|
|
await waitFor(() => {
|
|
return notificationCount == 2;
|
|
});
|
|
shouldBe("item2.currentStateValue", "'false'");
|
|
shouldBe("item3.currentStateValue", "'page'");
|
|
|
|
document.getElementById("content").style.visibility = "hidden";
|
|
accessibilityController.removeNotificationListener();
|
|
finishJSTest();
|
|
}, 0);
|
|
}
|
|
</script>
|
|
<script src="../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|