radio-focus-navigation-group-first-focus.html (1257B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Focus Navigation for the radio group</title> 4 <link rel="author" href="mailto:zhoupeng.1996@bytedance.com"> 5 <link rel="help" href="https://issues.chromium.org/issues/421837104"> 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="/resources/testdriver.js"></script> 9 <script src="/resources/testdriver-vendor.js"></script> 10 <script src="/resources/testdriver-actions.js"></script> 11 <script src="resources/focus-utils.js"></script> 12 13 <input type="text" id="start"> 14 <form> 15 <input type="radio" name="radio" id="a"> 16 <input type="radio" name="radio" id="b"> 17 <input type="radio" name="radio" id="c"> 18 </form> 19 <input type="text" id="end"> 20 21 <script> 22 promise_test(async () => { 23 start.focus(); 24 assert_equals(document.activeElement, start); 25 await navigateFocusForward(); 26 assert_equals(document.activeElement, a); 27 await navigateFocusForward(); 28 assert_equals(document.activeElement, end); 29 await navigateFocusBackward(); 30 assert_equals(document.activeElement, a); 31 await navigateFocusBackward(); 32 assert_equals(document.activeElement, start); 33 }, 'Both forward and backward focus navigation target the radio group first element.'); 34 </script>