feat: add feature to global navigation

Author: Jeremi LC

packages/react/src/components/buttons/icon-button.tsx

@@ -8,7 +8,7 @@ type ButtonType = 'primary' | 'secondary' | 'tertiary' | 'destructive';
 
 type Type = 'submit' | 'button' | 'reset';
 
-interface ButtonProps {
+export interface ButtonProps {
     /**
      * Visual style
      * @default primary

packages/react/src/components/global-navigation/global-navigation.test.tsx

@@ -4,6 +4,8 @@ import { BrowserRouter as Router } from 'react-router-dom';
 import renderer from 'react-test-renderer';
 import { ThemeWrapped } from '../../test-utils/theme-wrapped';
 import { GlobalNavigation, GlobalNavigationItem } from './global-navigation';
+import { ButtonProps } from '../buttons/icon-button';
+import { findByTestId } from '../../test-utils/enzyme-selectors';
 
 function setup(children: ReactElement): ReactElement {
     return (
@@ -16,44 +18,51 @@ function setup(children: ReactElement): ReactElement {
 const items: GlobalNavigationItem[] = [
     {
         iconName: 'home',
-        name: 'test',
+        name: 'home',
         href: '/test1',
     },
     {
         iconName: 'edit',
-        name: 'test',
+        name: 'edit',
         href: '/test2',
     },
     {
         iconName: 'mapPin',
-        name: 'test',
+        name: 'map',
         href: '/test3',
     },
     {
         iconName: 'mail',
-        name: 'test',
+        name: 'mail',
         href: '/test4',
     },
     {
         iconName: 'phone',
-        name: 'test',
+        name: 'phone',
         href: '/test5',
     },
 ];
 
 const footerItems: GlobalNavigationItem[] = [
     {
         iconName: 'info',
-        name: 'test',
+        name: 'info',
         href: '/test6',
     },
     {
         iconName: 'helpCircle',
-        name: 'test',
+        name: 'help',
         href: '/test7',
     },
 ];
 
+const coreActionButton: ButtonProps = {
+    buttonType: 'primary',
+    iconName: 'plusSign',
+    label: 'add',
+    type: 'button',
+};
+
 describe('Global Navigation', () => {
     test('Has showMore icon', () => {
         const wrapper = mount(
@@ -64,14 +73,26 @@ describe('Global Navigation', () => {
             ),
         );
 
-        expect(wrapper.find('[data-testid="showMoreIcon"]').at(0).length).toBe(1);
+        expect(findByTestId(wrapper, 'showMoreIcon').exists()).toBe(true);
+    });
+
+    test('Has CoreActionButton when needed', () => {
+        const wrapper = mount(
+            setup(
+                <div style={{ height: '600px' }}>
+                    <GlobalNavigation mainItems={items} footerItems={footerItems} coreActionButton={coreActionButton} />
+                </div>,
+            ),
+        );
+
+        expect(findByTestId(wrapper, 'coreActionButton').exists()).toBe(true);
     });
 
     test('Matches snapshot', () => {
         const tree = renderer.create(
             setup(
                 <div style={{ height: '600px' }}>
-                    <GlobalNavigation mainItems={items} footerItems={footerItems} />
+                    <GlobalNavigation mainItems={items} footerItems={footerItems} coreActionButton={coreActionButton} />
                 </div>,
             ),
         );