github.com/anth0d/nomad@v0.0.0-20221214183521-ae3a0a2cad06/ui/tests/pages/components/popover-menu.js (about) 1 import { 2 clickable, 3 focusable, 4 isPresent, 5 text, 6 triggerable, 7 } from 'ember-cli-page-object'; 8 9 const ARROW_DOWN = 40; 10 const ESC = 27; 11 const TAB = 9; 12 13 export default (scope) => ({ 14 scope, 15 16 isPresent: isPresent(), 17 label: text('[data-test-popover-trigger]'), 18 labelHasIcon: isPresent('[data-test-popover-trigger] svg.icon'), 19 20 toggle: clickable('[data-test-popover-trigger]'), 21 focus: focusable('[data-test-popover-trigger]'), 22 downArrow: triggerable('keyup', '[data-test-popover-trigger]', { 23 eventProperties: { keyCode: ARROW_DOWN }, 24 }), 25 focusNext: triggerable('keyup', '[data-test-popover-trigger]', { 26 eventProperties: { keyCode: TAB }, 27 }), 28 esc: triggerable('keydown', '[data-test-popover-trigger]', { 29 eventProperties: { keyCode: ESC }, 30 }), 31 32 menu: { 33 scope: '[data-test-popover-menu]', 34 testContainer: '#ember-testing', 35 resetScope: true, 36 isOpen: isPresent(), 37 }, 38 });