@@ -5,54 +5,70 @@ import { Default, WithDashboard, WithKeyboardShortcuts } from './Menu.stories';
55describe ( '<Menu>' , ( ) => {
66 it ( 'should render a default menu with items for all registered resources' , async ( ) => {
77 render ( < Default /> ) ;
8- await screen . findByText ( 'Posts' , { selector : '[role="menuitem"]' } ) ;
9- await screen . findByText ( 'Comments' , { selector : '[role="menuitem"]' } ) ;
10- await screen . findByText ( 'Tags' , { selector : '[role="menuitem"]' } ) ;
11- await screen . findByText ( 'Users' , { selector : '[role="menuitem"]' } ) ;
12- await screen . findByText ( 'Orders' , { selector : '[role="menuitem"]' } ) ;
13- await screen . findByText ( 'Reviews' , { selector : '[role="menuitem"]' } ) ;
8+ await screen . findByText ( 'Posts' , { selector : '[role="menuitem"] *' } ) ;
9+ await screen . findByText ( 'Comments' , {
10+ selector : '[role="menuitem"] *' ,
11+ } ) ;
12+ await screen . findByText ( 'Tags' , { selector : '[role="menuitem"] *' } ) ;
13+ await screen . findByText ( 'Users' , { selector : '[role="menuitem"] *' } ) ;
14+ await screen . findByText ( 'Orders' , { selector : '[role="menuitem"] *' } ) ;
15+ await screen . findByText ( 'Reviews' , { selector : '[role="menuitem"] *' } ) ;
1416 } ) ;
1517
1618 it ( 'should render a default menu with items for all registered resources and the dashboard' , async ( ) => {
1719 render ( < WithDashboard /> ) ;
18- await screen . findByText ( 'Dashboard' , { selector : '[role="menuitem"]' } ) ;
19- await screen . findByText ( 'Posts' , { selector : '[role="menuitem"]' } ) ;
20- await screen . findByText ( 'Comments' , { selector : '[role="menuitem"]' } ) ;
21- await screen . findByText ( 'Tags' , { selector : '[role="menuitem"]' } ) ;
22- await screen . findByText ( 'Users' , { selector : '[role="menuitem"]' } ) ;
23- await screen . findByText ( 'Orders' , { selector : '[role="menuitem"]' } ) ;
24- await screen . findByText ( 'Reviews' , { selector : '[role="menuitem"]' } ) ;
20+ await screen . findByText ( 'Dashboard' , {
21+ selector : '[role="menuitem"] *' ,
22+ } ) ;
23+ await screen . findByText ( 'Posts' , { selector : '[role="menuitem"] *' } ) ;
24+ await screen . findByText ( 'Comments' , {
25+ selector : '[role="menuitem"] *' ,
26+ } ) ;
27+ await screen . findByText ( 'Tags' , { selector : '[role="menuitem"] *' } ) ;
28+ await screen . findByText ( 'Users' , { selector : '[role="menuitem"] *' } ) ;
29+ await screen . findByText ( 'Orders' , { selector : '[role="menuitem"] *' } ) ;
30+ await screen . findByText ( 'Reviews' , { selector : '[role="menuitem"] *' } ) ;
2531 } ) ;
2632
2733 it ( 'should support keyboard shortcuts' , async ( ) => {
2834 render ( < WithKeyboardShortcuts /> ) ;
29- await screen . findByText ( 'Dashboard' , { selector : '[role="menuitem"]' } ) ;
35+ await screen . findByText ( 'Dashboard' , {
36+ selector : '[role="menuitem"] *' ,
37+ } ) ;
38+ fireEvent . keyDown ( global . document , {
39+ key : 'g' ,
40+ code : 'KeyG' ,
41+ } ) ;
3042 fireEvent . keyDown ( global . document , {
3143 key : 'c' ,
3244 code : 'KeyC' ,
33- ctrlKey : true ,
34- altKey : true ,
3545 } ) ;
3646 expect ( await screen . findAllByText ( 'Customers' ) ) . toHaveLength ( 2 ) ;
47+ fireEvent . keyDown ( global . document , {
48+ key : 'g' ,
49+ code : 'KeyG' ,
50+ } ) ;
3751 fireEvent . keyDown ( global . document , {
3852 key : 's' ,
3953 code : 'KeyS' ,
40- ctrlKey : true ,
41- altKey : true ,
4254 } ) ;
4355 expect ( await screen . findAllByText ( 'Sales' ) ) . toHaveLength ( 2 ) ;
56+ fireEvent . keyDown ( global . document , {
57+ key : 'g' ,
58+ code : 'KeyG' ,
59+ } ) ;
4460 fireEvent . keyDown ( global . document , {
4561 key : 'p' ,
4662 code : 'KeyP' ,
47- ctrlKey : true ,
48- altKey : true ,
4963 } ) ;
5064 expect ( await screen . findAllByText ( 'Products' ) ) . toHaveLength ( 2 ) ;
65+ fireEvent . keyDown ( global . document , {
66+ key : 'g' ,
67+ code : 'KeyG' ,
68+ } ) ;
5169 fireEvent . keyDown ( global . document , {
5270 key : 'd' ,
5371 code : 'KeyD' ,
54- ctrlKey : true ,
55- altKey : true ,
5672 } ) ;
5773 expect ( await screen . findAllByText ( 'Dashboard' ) ) . toHaveLength ( 2 ) ;
5874 } ) ;
0 commit comments