| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body id="body"> |
| <div role="application"> |
| <span id="slider" tabindex="0" role="slider" aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></span> |
| </div> |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| window.jsTestIsAsync = true; |
| |
| description("This tests the exposure of attributes for an ARIA slider."); |
| |
| var valueChangedNotifications = 0; |
| |
| function notificationCallback(element, notification) { |
| if (element.role == "AXRole: AXSlider" && notification == "AXValueChanged") |
| valueChangedNotifications++; |
| } |
| |
| if (window.testRunner && window.accessibilityController) { |
| testRunner.dumpAsText(); |
| |
| slider = document.getElementById("slider"); |
| slider.focus(); |
| |
| axSlider = accessibilityController.focusedElement; |
| accessibilityController.addNotificationListener(notificationCallback); |
| |
| shouldBe("axSlider.role", "'AXRole: AXSlider'"); |
| shouldBe("axSlider.intValue", "50"); |
| shouldBe("axSlider.minValue", "0"); |
| shouldBe("axSlider.maxValue", "100"); |
| |
| slider.setAttribute("aria-valuenow", "75"); |
| shouldBe("axSlider.intValue", "75"); |
| |
| slider.setAttribute("aria-valuenow", "35"); |
| shouldBe("axSlider.intValue", "35"); |
| |
| window.setTimeout(function() { |
| if (window.accessibilityController) |
| accessibilityController.removeNotificationListener(); |
| |
| shouldBe("valueChangedNotifications", "2"); |
| finishJSTest(); |
| }, |
| 0); |
| } |
| |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
