feat: Add NavMenu component

kronostechnologies · Dec 14, 2020 · 35f69c7 · 35f69c7
1 parent 045605f
commit 35f69c7
Show file tree

Hide file tree

Showing 17 changed files with 3,676 additions and 1,143 deletions.
diff --git a/packages/react/src/components/datepicker/datepicker.test.tsx.snap b/packages/react/src/components/datepicker/datepicker.test.tsx.snap
diff --git a/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap b/packages/react/src/components/global-navigation/global-navigation.test.tsx.snap
diff --git a/packages/react/src/components/listbox/listbox.test.tsx b/packages/react/src/components/listbox/listbox.test.tsx
@@ -55,6 +55,43 @@ describe('Listbox', () => {
         expect(getByTestId(wrapper, 'listitem-optionD').prop('selected')).toBe(false);
     });
 
+    test('Calls listbox-item onSelect callback when item is clicked', () => {
+        const callback = jest.fn();
+        const wrapper = shallowWithTheme(
+            <Listbox
+                options={[
+                    {
+                        label: 'Option Test',
+                        value: 'optionTest',
+                        onSelect: callback,
+                    },
+                ]}
+            />);
+
+        getByTestId(wrapper, 'listitem-optionTest').simulate('click');
+
+        expect(callback).toHaveBeenCalledTimes(1);
+    });
+
+    test('Calls listbox-item onSelect callback when Enter key is pressed', () => {
+        const callback = jest.fn();
+        const wrapper = mountWithTheme(
+            <Listbox
+                options={[
+                    {
+                        label: 'Option Test',
+                        value: 'optionTest',
+                        onSelect: callback,
+                    },
+                ]}
+            />);
+
+        wrapper.setProps({ focusedValue: 'optionTest' }).update();
+        getByTestId(wrapper, 'listbox-list').simulate('keydown', { key: 'Enter' });
+
+        expect(callback).toHaveBeenCalledTimes(1);
+    });
+
     test('Should have the check indicator if selected', () => {
         const wrapper = shallowWithTheme(<Listbox options={options} checkIndicator/>);