| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| |
| <body> |
| |
| <select id="selectElement" multiple title="selectElement"> |
| <option SELECTED>Option 0</option> |
| <option>Option 1</option> |
| <option>Option 2</option> |
| <option DISABLED>Option 3</option> |
| </select> |
| |
| <select id="selectElement2" title="selectElement"> |
| <option SELECTED>Option 0</option> |
| <option>Option 1</option> |
| <option>Option 2</option> |
| <option DISABLED>Option 3</option> |
| </select> |
| |
| <p>This tests that we can adjust focus and selection via accessibility API.</p> |
| |
| <p id="notDRT">This test should only be run inside of DumpRenderTree.</p> |
| |
| <p id="console"></p> |
| |
| <script> |
| function dumpSelection(element) |
| { |
| var options = element.options; |
| for (var i = 0; i < options.length; ++i) |
| debug("Option " + i + " is " + (options[i].selected ? "" : "not ") + "selected."); |
| debug(""); |
| } |
| |
| if (window.testRunner && window.accessibilityController) { |
| document.getElementById("notDRT").style.visibility = "hidden"; |
| |
| document.body.focus(); |
| shouldBe('accessibilityController.focusedElement.role', '"document"'); |
| |
| var anonymousBlock = accessibilityController.focusedElement.childAtIndex(0); |
| |
| // Focus the select element. |
| var select = anonymousBlock.childAtIndex(0); |
| select.takeFocus(); |
| shouldBe('accessibilityController.focusedElement.role', '"AXList"'); |
| |
| debug(""); |
| |
| var selectElement = document.getElementById("selectElement"); |
| |
| // Option 0 selected |
| accessibilityController.focusedElement.childAtIndex(0).takeSelection(); |
| dumpSelection(selectElement); |
| |
| // Option 1 selected |
| accessibilityController.focusedElement.childAtIndex(1).takeSelection(); |
| dumpSelection(selectElement); |
| |
| // Options 1, 2 selected |
| accessibilityController.focusedElement.childAtIndex(2).addSelection(); |
| dumpSelection(selectElement); |
| |
| // Option 2 selected |
| accessibilityController.focusedElement.childAtIndex(1).removeSelection(); |
| dumpSelection(selectElement); |
| |
| // Option 2 selected |
| accessibilityController.focusedElement.childAtIndex(0).removeSelection(); |
| dumpSelection(selectElement); |
| |
| // Options 0, 2 selected |
| accessibilityController.focusedElement.childAtIndex(0).addSelection(); |
| dumpSelection(selectElement); |
| |
| // Options 0, 2 selected |
| accessibilityController.focusedElement.childAtIndex(0).addSelection(); |
| dumpSelection(selectElement); |
| |
| // Option 2 selected |
| accessibilityController.focusedElement.childAtIndex(0).removeSelection(); |
| dumpSelection(selectElement); |
| |
| // No options selected |
| accessibilityController.focusedElement.childAtIndex(2).removeSelection(); |
| dumpSelection(selectElement); |
| |
| // No options selected (option at index 3 is disabled) |
| accessibilityController.focusedElement.childAtIndex(3).addSelection(); |
| dumpSelection(selectElement); |
| |
| debug("== single select =="); |
| |
| var selectElement2 = document.getElementById("selectElement2"); |
| selectElement2.focus(); |
| |
| var popupMenu = accessibilityController.focusedElement.childAtIndex(0); |
| |
| // Option 0 is selected |
| popupMenu.childAtIndex(0).takeSelection(); |
| dumpSelection(selectElement2); |
| |
| // Option 1 selected |
| popupMenu.childAtIndex(1).takeSelection(); |
| dumpSelection(selectElement2); |
| |
| // Options 1 selected - addSelection() is not valid for single-select. |
| popupMenu.childAtIndex(2).addSelection(); |
| dumpSelection(selectElement2); |
| |
| // Options 1 selected - removeSelection() is not valid for single-select. |
| popupMenu.childAtIndex(1).removeSelection(); |
| dumpSelection(selectElement2); |
| |
| // Options 1 selected - option at index 3 is disabled |
| popupMenu.childAtIndex(3).takeSelection(); |
| dumpSelection(selectElement2); |
| } |
| </script> |
| </body> |
| </html> |
