| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| |
| <body id="body"> |
| |
| <select id="selectElement" title="selectElement"> |
| <option SELECTED>Option 1</option> |
| <option>Option 2</option> |
| <option DISABLED>Option 3</option> |
| </select> |
| |
| <p>This tests that non-multiple select elements expose their list options.</p> |
| |
| <p id="notDRT">This test should only be run inside of DumpRenderTree.</p> |
| |
| <p id="console"></p> |
| |
| <script> |
| function dumpListOptionAttributes(list) { |
| for (var i = 0; i < list.childrenCount; ++i) { |
| var option = list.childAtIndex(i); |
| debug('option.title: ' + option.title); |
| debug('option.role: ' + option.role); |
| debug('option.width: ' + option.width); |
| debug('option.height: ' + option.height); |
| debug('option.x: ' + option.x); |
| debug('option.y: ' + option.y); |
| debug('option.isOffScreen: ' + option.isOffScreen); |
| debug('option.isEnabled: ' + option.isEnabled); |
| debug('option.isVisible: ' + option.isVisible); |
| debug('option.isSelected: ' + option.isSelected); |
| debug('option.isSelectable: ' + option.isSelectable); |
| debug(""); |
| } |
| debug("---\n"); |
| } |
| if (window.testRunner && window.accessibilityController) { |
| document.getElementById("notDRT").style.visibility = "hidden"; |
| |
| document.getElementById("selectElement").focus(); |
| var selectElement = accessibilityController.focusedElement; |
| shouldBe('selectElement.role', '"AXRole: combo box"'); |
| shouldBeFalse('selectElement.isMultiSelectable'); |
| shouldBeTrue('selectElement.isCollapsed'); |
| shouldBeTrue('selectElement.hasPopup'); |
| debug(""); |
| |
| var list = accessibilityController.focusedElement.childAtIndex(0); |
| shouldBe('list.role', '"AXRole: list"'); |
| shouldBeFalse('list.isVisible'); |
| shouldBeTrue('list.isOffScreen'); |
| debug(""); |
| |
| dumpListOptionAttributes(list); |
| |
| document.getElementById("selectElement").selectedIndex = 1; |
| dumpListOptionAttributes(list); |
| |
| document.getElementById("selectElement").selectedIndex = 0; |
| document.getElementById("selectElement").disabled = true; |
| dumpListOptionAttributes(list); |
| |
| document.getElementById("selectElement").disabled = false; |
| selectElement.showMenu(); |
| shouldBeFalse('selectElement.isCollapsed'); |
| shouldBeFalse('list.isOffScreen'); |
| debug(""); |
| |
| dumpListOptionAttributes(list); |
| |
| // Test that accessing a detached <option> does not crash. |
| var option = list.childAtIndex(0); |
| shouldBeTrue('option.width != 0'); |
| document.getElementById("selectElement").options[0] = null; |
| shouldBeTrue('option.width == 0'); |
| } |
| </script> |
| </body> |
| </html> |
