OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../resources/js-test.js"></script> |
| 3 |
| 4 <div id="slider1" role="slider" |
| 5 data-expected-orientation="AXOrientation: AXHorizontalOrientation" |
| 6 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 7 50 |
| 8 </div> |
| 9 <div id="slider2" role="slider" aria-orientation="vertical" |
| 10 data-expected-orientation="AXOrientation: AXVerticalOrientation" |
| 11 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 12 50 |
| 13 </div> |
| 14 <div id="slider3" role="slider" aria-orientation="horizontal" |
| 15 data-expected-orientation="AXOrientation: AXHorizontalOrientation" |
| 16 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 17 50 |
| 18 </div> |
| 19 <div id="slider4" role="slider" aria-orientation="invalid" |
| 20 data-expected-orientation="AXOrientation: AXHorizontalOrientation" |
| 21 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 22 50 |
| 23 </div> |
| 24 <div id="scrollbar1" role="scrollbar" |
| 25 data-expected-orientation="AXOrientation: AXVerticalOrientation" |
| 26 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 27 50 |
| 28 </div> |
| 29 <div id="scrollbar2" role="scrollbar" aria-orientation="vertical" |
| 30 data-expected-orientation="AXOrientation: AXVerticalOrientation" |
| 31 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 32 50 |
| 33 </div> |
| 34 <div id="scrollbar3" role="scrollbar" aria-orientation="horizontal" |
| 35 data-expected-orientation="AXOrientation: AXHorizontalOrientation" |
| 36 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 37 50 |
| 38 </div> |
| 39 <div id="scrollbar4" role="scrollbar" aria-orientation="invalid" |
| 40 data-expected-orientation="AXOrientation: AXVerticalOrientation" |
| 41 aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"> |
| 42 50 |
| 43 </div> |
| 44 <div id="separator1" role="separator" |
| 45 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 46 </div> |
| 47 <div id="separator2" role="separator" aria-orientation="vertical" |
| 48 data-expected-orientation="AXOrientation: AXVerticalOrientation"> |
| 49 </div> |
| 50 <div id="separator3" role="separator" aria-orientation="horizontal" |
| 51 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 52 </div> |
| 53 <div id="separator4" role="separator" aria-orientation="" |
| 54 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 55 </div> |
| 56 <hr id="separator5" aria-label="Separator" |
| 57 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 58 |
| 59 <!-- The ARIA Spec 1.1 defines a horizontal orientation for toolbar. --> |
| 60 <div id="toolbar1" role="toolbar" |
| 61 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 62 </div> |
| 63 <div id="toolbar2" role="toolbar" aria-orientation="vertical" |
| 64 data-expected-orientation="AXOrientation: AXVerticalOrientation"> |
| 65 </div> |
| 66 <div id="toolbar3" role="toolbar" aria-orientation="horizontal" |
| 67 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 68 </div> |
| 69 |
| 70 <!-- No default orientation is defined for a radio group by the ARIA Spec. --> |
| 71 <div id="radiogroup1" role="radiogroup" data-expected-orientation=""> |
| 72 <span role="radio">Radio button</span> |
| 73 </div> |
| 74 <div id="radiogroup2" role="radiogroup" aria-orientation="vertical" |
| 75 data-expected-orientation="AXOrientation: AXVerticalOrientation"> |
| 76 <span role="radio">Radio button</span> |
| 77 </div> |
| 78 <div id="radiogroup3" role="radiogroup" aria-orientation="horizontal" |
| 79 data-expected-orientation="AXOrientation: AXHorizontalOrientation"> |
| 80 <span role="radio">Radio button</span> |
| 81 </div> |
| 82 |
| 83 <!-- Orientation should not be exposed for roles on which it is not supported. -
-> |
| 84 <div id="button1" role="button" aria-orientation="horizontal" |
| 85 data-expected-orientation=""> |
| 86 Button |
| 87 </div> |
| 88 <div id="button2" role="button" aria-orientation="vertical" |
| 89 data-expected-orientation=""> |
| 90 Button |
| 91 </div> |
| 92 |
| 93 <script> |
| 94 description("This tests that aria-orientation is reported correctly."); |
| 95 |
| 96 if (window.accessibilityController) { |
| 97 |
| 98 var elements = document.querySelectorAll("[data-expected-orientation]"); |
| 99 for (var i = 0; i < elements.length; ++i) { |
| 100 var element = elements[i]; |
| 101 var axObject = accessibilityController.accessibleElementById( |
| 102 element.id); |
| 103 shouldBe("axObject.orientation", "element.getAttribute('data-expecte
d-orientation')"); |
| 104 } |
| 105 |
| 106 } |
| 107 </script> |
OLD | NEW |