diff options
Diffstat (limited to 'testing/web-platform/tests/html/interaction/focus/focusgroup/tentative/backward-navigation/skips-empty-wrapping-focusgroup.html')
-rw-r--r-- | testing/web-platform/tests/html/interaction/focus/focusgroup/tentative/backward-navigation/skips-empty-wrapping-focusgroup.html | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/interaction/focus/focusgroup/tentative/backward-navigation/skips-empty-wrapping-focusgroup.html b/testing/web-platform/tests/html/interaction/focus/focusgroup/tentative/backward-navigation/skips-empty-wrapping-focusgroup.html new file mode 100644 index 0000000000..fb0b66e30e --- /dev/null +++ b/testing/web-platform/tests/html/interaction/focus/focusgroup/tentative/backward-navigation/skips-empty-wrapping-focusgroup.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>HTML Test: focusgroup - Focus moves to previous item, skipping over an empty extending focusgroup that wraps on itself.</title> +<link rel="author" title="Microsoft" href="http://www.microsoft.com/"> +<link rel="help" href="https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Focusgroup/explainer.md"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script src="/resources/testdriver.js"></script> +<script src="/resources/testdriver-vendor.js"></script> +<script src="/resources/testdriver-actions.js"></script> +<script src="../resources/focusgroup-utils.js"></script> + +<div focusgroup=wrap> + <span id=item1 tabindex=0>item1</span> + <div> + <div focusgroup="extend wrap"> + <span id=item2>item2</span> <!-- Not focusable --> + <span id=item3>item3</span> <!-- Not focusable --> + </div> + </div> + <span id=item4 tabindex=-1>item4</span> +</div> + +<script> + + promise_test(async t => { + var item1 = document.getElementById("item1"); + var item4 = document.getElementById("item4"); + + await focusAndKeyPress(item4, kArrowUp); + assert_equals(document.activeElement, item1); + + await focusAndKeyPress(item4, kArrowLeft); + assert_equals(document.activeElement, item1); + }, "When the focus is set on the last item of a focusgroup and the previous item is located past an extending focusgroup that wraps but has no item in it, a backward arrow key press should move the focus to that previous item without getting stuck in the inner focusgroup."); + +</script>
\ No newline at end of file |