diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html')
| -rw-r--r-- | testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html b/testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html new file mode 100644 index 0000000000..9304cc2ce1 --- /dev/null +++ b/testing/web-platform/tests/shadow-dom/focus-navigation/focus-navigation-web-component-radio.html @@ -0,0 +1,70 @@ +<!DOCTYPE html> +<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/shadow-dom.js"></script> +<script src="resources/focus-utils.js"></script> + +<template id="custom-radio"> + <span aria-role="radio" tabindex="0">🔘</span> + <slot></slot> +</template> + +<div tabindex="0" id="start">OUT</div> +<form> + <custom-radio name="radio" id="A">A</x-radio> + <custom-radio name="radio" id="B">B</x-radio> +</form> +<form> + <custom-radio name="radio" id="C">C</x-radio> + <custom-radio name="radio" id="D">D</x-radio> +</form> +<div tabindex="0" id="end">OUT</div> + +<script> +const template = document.querySelector('#custom-radio'); + +class CustomRadio extends HTMLElement { + constructor() { + super(); + this.attachShadow({ mode: 'open', delegatesFocus: true }).appendChild( + template.content.cloneNode(true), + ); + } +} +customElements.define('custom-radio', CustomRadio); + +async function assert_web_component_focus_navigation_forward(elements) { + let start = document.getElementById(elements[0]); + start.focus(); + for (let i = 1; i < elements.length; i++) { + await navigateFocusForward(); + assert_equals(document.activeElement.id, elements[i]); + } +} + +async function assert_web_component_focus_navigation_backward(elements) { + let end = document.getElementById(elements[elements.length - 1]); + end.focus(); + for (let i = elements.length - 2; i >= 0; i--) { + await navigateFocusBackward(); + assert_equals(document.activeElement.id, elements[i]); + } +} + +promise_test(async () => { + let elements = [ + 'start', + 'A', + 'B', + 'C', + 'D', + 'end' + ]; + + await assert_web_component_focus_navigation_forward(elements); + await assert_web_component_focus_navigation_backward(elements); +}, 'Focus for web component input type elements should be bound by <form> inside shadow DOM'); +</script> |