| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../resources/js-test.js"></script> |
| <script src="../resources/accessibility-helper.js"></script> |
| </head> |
| <body> |
| |
| <button id="button">Click me</button> |
| |
| <select multiple id="select"> |
| <option id="option1">Option 1</option> |
| <option>Option 2</option> |
| <option>Option 3</option> |
| </select> |
| |
| <script> |
| description("This test ensures that dynamically changing elements disabled and aria-disabled attributes properly updates their isEnabled property."); |
| |
| if (window.accessibilityController) { |
| window.jsTestIsAsync = true; |
| |
| var axOption = accessibilityController.accessibleElementById("option1"); |
| var domOption = document.getElementById("option1"); |
| var axButton = accessibilityController.accessibleElementById("button"); |
| var domButton = document.getElementById("button"); |
| debug("Verifying initial element enabled state."); |
| shouldBe("axButton.isEnabled", "true"); |
| shouldBe("axOption.isEnabled", "true"); |
| |
| setTimeout(async function() { |
| evalAndLog("domButton.ariaDisabled = true"); |
| await expectAsyncExpression("axButton.isEnabled", "false"); |
| |
| evalAndLog("domButton.ariaDisabled = false"); |
| await expectAsyncExpression("axButton.isEnabled", "true"); |
| |
| evalAndLog("domButton.disabled = true"); |
| await expectAsyncExpression("axButton.isEnabled", "false"); |
| |
| evalAndLog("domButton.disabled = false"); |
| await expectAsyncExpression("axButton.isEnabled", "true"); |
| |
| evalAndLog("domOption.ariaDisabled = true"); |
| await expectAsyncExpression("axOption.isEnabled", "false"); |
| |
| evalAndLog("domOption.ariaDisabled = false"); |
| await expectAsyncExpression("axOption.isEnabled", "true"); |
| |
| evalAndLog("domOption.disabled = true"); |
| await expectAsyncExpression("axOption.isEnabled", "false"); |
| |
| evalAndLog("domOption.disabled = false"); |
| await expectAsyncExpression("axOption.isEnabled", "true"); |
| |
| finishJSTest(); |
| }, 0); |
| } |
| </script> |
| </body> |
| </html> |
| |
