focus-menu-elements.html (1043B)
1 <!DOCTYPE html> 2 <link rel="author" title="Di Zhang" href="mailto:dizhangg@chromium.org"> 3 <link rel=help href=https://open-ui.org/components/menu.explainer> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-vendor.js"></script> 8 <script src="/resources/testdriver-actions.js"></script> 9 <script src='../../resources/shadow-dom.js'></script> 10 <script src="../../resources/focus-utils.js"></script> 11 12 <menubar> 13 <menuitem id="A" command="toggle-menu" commandfor="more">More commands</menuitem> 14 <menuitem id="B">Command B</menuitem> 15 <menuitem id="C">Command C</menuitem> 16 </menubar> 17 18 <menulist id="more"> 19 <menuitem id="A1">Command A1</menuitem> 20 <menuitem id="A2">Command A2</menuitem> 21 </menulist> 22 23 <script> 24 25 promise_test(async () => { 26 let elements = [ 27 'A', 28 'B', 29 'C', 30 ]; 31 32 await assert_focus_navigation_bidirectional(elements); 33 }, 'Should focus on menuitems in menubar only.'); 34 35 </script>