<html>
<head>
<script src="../resources/js-test.js"></script>
<script>
function runTest() {
jsTestIsAsync = true;
description("This tests that checking of an aria checkbox sends a notification.");
var accessibleCheckbox = accessibilityController.accessibleElementById("checkbox1");
var notificationCount = 0;
function listener(notification) {
if (notification == "CheckedStateChanged")
notificationCount++;
document.getElementById("console").innerText += "Got notification: " + notification + "\n";
if (notificationCount == 2) {
accessibleCheckbox.removeNotificationListener(listener);
finishJSTest();
}
accessibleCheckbox.addNotificationListener(listener);
// Check the checkbox.
document.getElementById('checkbox1').setAttribute('aria-checked', 'true');
document.getElementById('checkbox1').setAttribute('aria-checked', 'false');
};
</script>
</head>
<body onload="runTest()">
<div id="checkbox1" tabindex=0 role="checkbox" aria-checked="false">Test Checkbox</div>
<p id="description"></p>
<div id="console"></div>
</body>
</html>
