| Index: LayoutTests/accessibility/aria-orientation.html
|
| diff --git a/LayoutTests/accessibility/aria-orientation.html b/LayoutTests/accessibility/aria-orientation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..4f3ce95820a9ac891445594ba8b133d3984e8d70
|
| --- /dev/null
|
| +++ b/LayoutTests/accessibility/aria-orientation.html
|
| @@ -0,0 +1,107 @@
|
| +<!DOCTYPE html>
|
| +<script src="../resources/js-test.js"></script>
|
| +
|
| +<div id="slider1" role="slider"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="slider2" role="slider" aria-orientation="vertical"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="slider3" role="slider" aria-orientation="horizontal"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="slider4" role="slider" aria-orientation="invalid"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="scrollbar1" role="scrollbar"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="scrollbar2" role="scrollbar" aria-orientation="vertical"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="scrollbar3" role="scrollbar" aria-orientation="horizontal"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="scrollbar4" role="scrollbar" aria-orientation="invalid"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation"
|
| + aria-valuemin="0" aria-valuemax="100" aria-valuenow="50">
|
| + 50
|
| +</div>
|
| +<div id="separator1" role="separator"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +</div>
|
| +<div id="separator2" role="separator" aria-orientation="vertical"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation">
|
| +</div>
|
| +<div id="separator3" role="separator" aria-orientation="horizontal"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +</div>
|
| +<div id="separator4" role="separator" aria-orientation=""
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +</div>
|
| +<hr id="separator5" aria-label="Separator"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +
|
| +<!-- The ARIA Spec 1.1 defines a horizontal orientation for toolbar. -->
|
| +<div id="toolbar1" role="toolbar"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +</div>
|
| +<div id="toolbar2" role="toolbar" aria-orientation="vertical"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation">
|
| +</div>
|
| +<div id="toolbar3" role="toolbar" aria-orientation="horizontal"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| +</div>
|
| +
|
| +<!-- No default orientation is defined for a radio group by the ARIA Spec. -->
|
| +<div id="radiogroup1" role="radiogroup" data-expected-orientation="">
|
| + <span role="radio">Radio button</span>
|
| +</div>
|
| +<div id="radiogroup2" role="radiogroup" aria-orientation="vertical"
|
| + data-expected-orientation="AXOrientation: AXVerticalOrientation">
|
| + <span role="radio">Radio button</span>
|
| +</div>
|
| +<div id="radiogroup3" role="radiogroup" aria-orientation="horizontal"
|
| + data-expected-orientation="AXOrientation: AXHorizontalOrientation">
|
| + <span role="radio">Radio button</span>
|
| +</div>
|
| +
|
| +<!-- Orientation should not be exposed for roles on which it is not supported. -->
|
| +<div id="button1" role="button" aria-orientation="horizontal"
|
| + data-expected-orientation="">
|
| + Button
|
| +</div>
|
| +<div id="button2" role="button" aria-orientation="vertical"
|
| + data-expected-orientation="">
|
| + Button
|
| +</div>
|
| +
|
| +<script>
|
| + description("This tests that aria-orientation is reported correctly.");
|
| +
|
| + if (window.accessibilityController) {
|
| +
|
| + var elements = document.querySelectorAll("[data-expected-orientation]");
|
| + for (var i = 0; i < elements.length; ++i) {
|
| + var element = elements[i];
|
| + var axObject = accessibilityController.accessibleElementById(
|
| + element.id);
|
| + shouldBe("axObject.orientation", "element.getAttribute('data-expected-orientation')");
|
| + }
|
| +
|
| + }
|
| +</script>
|
|
|