| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <script src="../resources/testharness.js"></script> |
| <script src="../resources/testharnessreport.js"></script> |
| </head> |
| <body> |
| |
| <div id="checkbox1" tabindex=0 role="checkbox" aria-checked="false">Test Checkbox</div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| async_test(function(t) { |
| console.log('t ' + t); |
| var accessibleCheckbox = accessibilityController.accessibleElementById("checkbox1"); |
| var notificationCount = 0; |
| |
| function listener(notification) { |
| if (notification == "CheckedStateChanged") |
| notificationCount++; |
| console.log("notification " + notificationCount); |
| |
| if (notificationCount == 2) { |
| accessibleCheckbox.removeNotificationListener(listener); |
| t.done(); |
| } |
| } |
| accessibleCheckbox.addNotificationListener(listener); |
| |
| // Check the checkbox. |
| document.getElementById('checkbox1').setAttribute('aria-checked', 'true'); |
| document.getElementById('checkbox1').setAttribute('aria-checked', 'false'); |
| }, "This tests that checking of an aria checkbox sends a notification."); |
| |
| </script> |
| </head> |
| </script> |
| </body> |
| </html> |