third_party/WebKit/LayoutTests/accessibility/aria-orientation.html

   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-expected-orientation')");
 104         }
 105
 106     }
 107 </script>