menulist-popover-attribute.html (1004B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <link rel=author href=mailto:dizhangg@chromium.org> 5 <link rel=help href=https://open-ui.org/components/menu.explainer> 6 7 <menulist id="menu"> 8 <menuitem>Command 1</menuitem> 9 <menuitem>Command 2</menuitem> 10 </menulist> 11 12 <script> 13 test(() => { 14 assert_equals(menu.popover, null); 15 menu.showPopover(); 16 assert_true(menu.matches(':popover-open')); 17 menu.hidePopover(); 18 19 menu.popover = 'auto'; 20 assert_equals(menu.popover, 'auto'); 21 menu.showPopover(); 22 assert_true(menu.matches(':popover-open')); 23 menu.hidePopover(); 24 25 menu.popover = 'manual'; 26 assert_equals(menu.popover, 'manual'); 27 menu.showPopover(); 28 assert_true(menu.matches(':popover-open')); 29 menu.hidePopover(); 30 31 menu.popover = null; 32 assert_equals(menu.popover, null); 33 menu.showPopover(); 34 assert_true(menu.matches(':popover-open')); 35 menu.hidePopover(); 36 }, "menulist is a popover by default."); 37 </script>