Index: third_party/WebKit/LayoutTests/accessibility/selection-follows-focus.html |
diff --git a/third_party/WebKit/LayoutTests/accessibility/selection-follows-focus.html b/third_party/WebKit/LayoutTests/accessibility/selection-follows-focus.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9872be0e387db818abc1d6cfe5ccd58755c1398e |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/accessibility/selection-follows-focus.html |
@@ -0,0 +1,72 @@ |
+<!DOCTYPE HTML> |
+<script src="../resources/testharness.js"></script> |
+<script src="../resources/testharnessreport.js"></script> |
+ |
+<div role="listbox" id="listbox" tabindex="0" aria-activedescendant="opt3"> |
+ <div id="opt1" role="option">Option 1</div> |
+ <div id="opt2" role="option" aria-selected="false">Option 2</div> |
+ <div id="opt3" role="option">Option 3</div> |
+</div> |
+ |
+<div role="listbox" id="listbox2"> |
+ <div id="opt2.1" role="option">Option 2.1</div> |
+</div> |
+ |
+<div role="tree" id="tree"> |
+ <div id="treeitem1" role="treeitem" tabindex="-1">Tree item 1</div> |
+ <div id="treeitem2" role="treeitem">Tree item 2</div> |
+</div> |
+ |
+<script> |
+var listbox = document.getElementById("listbox"); |
+ |
+function axElementById(id) { |
+ return accessibilityController.accessibleElementById(id); |
+} |
+ |
+test(function(t) { |
+ listbox.focus(); |
+ var axOption1 = axElementById("opt1"); |
+ assert_equals(axOption1.isSelectable, true); |
+}, "Descendant widgets are selectable in a single selection container"); |
+ |
+test(function(t) { |
+ listbox.focus(); |
+ listbox.setAttribute("aria-activedescendant", "opt1"); |
+ var axOption1 = axElementById("opt1"); |
+ assert_equals(axOption1.isSelected, true); |
+}, "Selection follows activedescendant in a single selection container"); |
+ |
+ |
+test(function(t) { |
+ var axOption = axElementById("opt2.1"); |
+ assert_equals(axOption.isSelectable, true); |
+}, "Options are selectable even if it is not clear they can be from markup"); |
+ |
+test(function(t) { |
+ listbox.focus(); |
+ listbox.setAttribute("aria-activedescendant", "opt2"); |
+ var axOption2 = axElementById("opt2"); |
+ assert_equals(axOption2.isSelected, false); |
+}, "Selection doesn't follow activedescendant when aria-selected=false"); |
+ |
+test(function(t) { |
+ listbox.focus(); |
+ listbox.setAttribute("aria-activedescendant", "opt2"); |
+ var axOption1 = axElementById("opt1"); |
+ assert_equals(axOption1.isSelected, false); |
+}, "Only focused item is marked as selected in a single selection container"); |
+ |
+test(function(t) { |
+ document.getElementById('treeitem1').focus(); |
+ var treeitem1 = axElementById("treeitem1"); |
+ assert_equals(treeitem1.isSelected, true); |
+}, "Selection follows tabindex focus in a single selection container"); |
+ |
+test(function(t) { |
+ document.getElementById('treeitem2').focus(); |
+ var treeitem2 = axElementById("treeitem2"); |
+ assert_equals(treeitem2.isSelected, false); |
+}, "Selection doesn't follow focus when aria-selected=false"); |
+ |
+</script> |