@laerdal/life-react-components 6.0.0-dev.20.full → 6.0.0-dev.5.full

package/dist/ChipsInput/__tests__/ChipInputFields.test.tsx

@@ -1,155 +0,0 @@
-import React from 'react';
-import { act, fireEvent, render, RenderResult } from '../../test-utils';
-import { ChipInput, Size } from '../..';
-import '../../../jest.setup';
-
-const list = ['Contact', 'About', 'Base', 'Blog', 'Custom', 'Support', 'Tools'];
-
-
-
-describe('<ChipInput />', () => {
-  it('Render component correctly', async () => {
-    let componentResult: RenderResult;
-
-    //initial values are determined by using multiple hooks (useEffect)
-    //in order to be sure we get the last rendered version of the component, we need to wait for it
-    await act(async () => {
-      componentResult = render(
-        <ChipInput size={Size.Medium} inputId="utest" values={[list[0]]} onValueChange={() => {}} placeholder="Plchd label" altPlaceholder="Alt plchd label" />,
-      );
-    });
-    //check element wrapper component rendered
-    expect(componentResult!.getByTestId('chip-input-container')).toBeTruthy();
-    //check correct placeholder displayed
-    expect(componentResult!.getByPlaceholderText('Alt plchd label') as HTMLInputElement).toBeTruthy();
-    //check chip input with provided id rendered
-    expect(componentResult!.container.querySelector('input[id="utest"]')).toBeTruthy();
-  });
-
-  it('Render component with correct size', async () => {
-    let componentResult: RenderResult;
-
-    await act(async () => {
-      componentResult = render(
-        <ChipInput size={Size.Small} inputId="utest" values={[list[0]]} onValueChange={() => {}} placeholder="Plchd label" altPlaceholder="Alt plchd label" />,
-      );
-    });
-    //check element wrapper component rendered
-    expect(componentResult!.getByTestId('chip-input-container')).toBeTruthy();
-
-    //check element has correct class size present
-    expect(componentResult!.getByTestId('chip-input-container')).toHaveClass('small');
-  });
-
-  it('Test component focused on click', async () => {
-    let componentResult: RenderResult;
-
-    //initial values are determined by using multiple hooks (useEffect)
-    //in order to be sure we get the last rendered version of the component, we need to wait for it
-    await act(async () => {
-      componentResult = render(
-        <ChipInput size={Size.Small} inputId="utest" values={[list[0]]} onValueChange={() => {}} placeholder="Plchd label" altPlaceholder="Alt plchd label" />,
-      );
-    });
-    //check element wrapper component rendered
-    expect(componentResult!.getByTestId('chip-input-container')).toBeTruthy();
-
-    //check focus not present
-    expect(componentResult!.getByPlaceholderText('Alt plchd label') as HTMLInputElement).not.toHaveFocus();
-
-    //trigger click for chip input
-    fireEvent.click(componentResult!.getByTestId('chip-input-container'));
-
-    //check focus present
-    expect(componentResult!.getByPlaceholderText('Alt plchd label') as HTMLInputElement).toHaveFocus();
-  });
-
-  it('Test component callbacks', async () => {
-    const onValueChange = jest.fn();
-    let componentResult: RenderResult;
-
-    //initial values are determined by using multiple hooks (useEffect)
-    //in order to be sure we get the last rendered version of the component, we need to wait for it
-    await act(async () => {
-      componentResult = render(
-        <ChipInput size={Size.Small} inputId="utest" values={[list[0]]} onValueChange={onValueChange} placeholder="Plchd label" altPlaceholder="Alt plchd label" />,
-      );
-    });
-
-    //mock scrollIntoView otherwise test will fail when selecting an item
-    window.HTMLElement.prototype.scrollIntoView = function () {};
-
-    const inputElem = componentResult!.getByPlaceholderText('Alt plchd label') as HTMLInputElement;
-
-    //check element wrapper component rendered
-    expect(componentResult!.getByTestId('chip-input-container')).toBeTruthy();
-
-    //trigger click for chip input
-    fireEvent.click(componentResult!.getByTestId('chip-input-container'));
-
-    //trigger value change
-    fireEvent.change(inputElem, { target: { value: list[1] } });
-
-    //pressing enter will automatically select the found item
-    fireEvent.keyDown(inputElem, { key: 'Enter', code: 'Enter', charCode: 13 });
-
-    expect(onValueChange).toHaveBeenCalledTimes(1);
-
-    //two items present, default and the new selected one
-    expect(componentResult!.container.querySelectorAll('.chip-icon')).toHaveLength(2);
-
-    //pressing on the x button, the item will be removed from selection
-    const removeItemElem = componentResult!.getByTestId('chip-input-container').querySelector('div.chip-icon') as HTMLDivElement;
-
-    fireEvent.click(removeItemElem);
-
-    //change callback should be called
-    expect(onValueChange).toHaveBeenCalledTimes(2);
-    //only one item should be present at the moment
-    expect(componentResult!.container.querySelectorAll('.chip-icon')).toHaveLength(1);
-
-    //expect that on pressing backspace the added item will be deleted
-    fireEvent.keyDown(inputElem, { key: 'Backspace', charCode: 8 });
-
-    //no item should be present at the moment
-    expect(componentResult!.container.querySelectorAll('.chip-icon')).toHaveLength(0);
-  });
-
-  it('Test component chips are removed when clear all button toggled', async () => {
-    const onValueChange = jest.fn();
-    let componentResult: RenderResult;
-
-    //initial values are determined by using multiple hooks (useEffect)
-    //in order to be sure we get the last rendered version of the component, we need to wait for it
-    await act(async () => {
-      componentResult = render(
-        <ChipInput size={Size.Small} inputId="utest" values={[list[0]]} onValueChange={onValueChange} placeholder="Plchd label" altPlaceholder="Alt plchd label" />,
-      );
-    });
-
-    //check element wrapper component rendered
-    expect(componentResult!.getByTestId('chip-input-container')).toBeTruthy();
-
-    //one item present, the default one
-    expect(componentResult!.container.querySelectorAll('.chip-icon')).toHaveLength(1);
-    const input = componentResult!.getByPlaceholderText('Alt plchd label') as HTMLInputElement;
-
-    const mockInputData = 'mock data';
-    //trigger value change
-    fireEvent.change(input, { target: { value: mockInputData } });
-
-    expect(input).toHaveValue(mockInputData);
-
-    //expect clear button to be displayed
-    expect(componentResult!.getByTestId('clear-btn-utest')).toBeTruthy();
-
-    //press on clear button
-    fireEvent.click(componentResult!.getByTestId('clear-btn-utest'));
-
-    //expect input to have no value
-    expect(input).toHaveValue('');
-
-    //one chip selected
-    expect(componentResult!.container.querySelectorAll('.chip-icon')).toHaveLength(1);
-  });
-});

package/dist/Dropdown/__tests__/DropdownFilter.test.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import { DropdownFilter } from '../index';
-
-jest.mock('react-resize-detector', () => ({
-  // @ts-ignore
-    ...jest.requireActual('react-resize-detector'),
-    useResizeDetector: (object: any) => ({ height: 100, width: 120})
-  }));
-
-
-
-
-const list = [{value: 'Contact'},
-  {value: 'About'},
-  {value: 'Base'},
-  {value: 'Blog'},
-  {value: 'Contact 3'},
-  {value: 'Custom'},
-  {value: 'Support'},
-  {value: 'Tools'}];
-
-describe('<DropdownFilter />', () => {
-  it('Renders with no default value', async () => {
-    const { getByPlaceholderText } = render(<DropdownFilter id="Dropdown" list={list} placeholder="Placeholder" />);
-    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe('');
-  });
-
-  it('Renders with required input if specified', async () => {
-    const { getByPlaceholderText } = render(<DropdownFilter id="Dropdown" list={list} placeholder="Placeholder" required />);
-    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).required).toBe(true);
-  });
-
-  it('Renders with inital value if specified', async () => {
-    const initialValue = 'Contact';
-    const { getByPlaceholderText } = render(<DropdownFilter id="Dropdown" list={list} placeholder="Placeholder" value={initialValue} />);
-    expect((getByPlaceholderText('Placeholder') as HTMLInputElement).value).toBe(initialValue);
-  });
-});

package/dist/Footer/__tests__/Footer.test.tsx

@@ -1,182 +0,0 @@
-import React from 'react';
-import { fireEvent, render } from '../../test-utils';
-import 'jest-styled-components';
-import Footer from '../Footer';
-import { COLORS } from '../../styles';
-import SiteFooter from '../SiteFooter';
-import FooterDropdownLinks from '../Components/FooterDropdownLinks';
-
-const animate = require('animated-scroll-to');
-
-jest.mock('react-resize-detector', () => ({
-    // @ts-ignore
-      ...jest.requireActual('react-resize-detector'),
-      useResizeDetector: (object: any) => ({ height: 100, width: 120})
-    }));
-      
-const scrollSpy = jest.fn()
-animate.default = scrollSpy;
-
-describe('<Footer />',()=>{
-    beforeEach(()=>scrollSpy.mockReset());
-
-    it('renders footer', async () => {
-        const{getByText} = render(
-            <Footer>
-                <div>Test Footer</div>
-            </Footer>
-        );
-
-        expect(getByText('Test Footer')).toBeDefined();
-    })
-
-    it('renders footer global content', async () => {
-        const{getByTestId} = render(
-            <Footer>
-                <div>Test Footer</div>
-            </Footer>
-        );
-
-        expect(getByTestId('footer-content')).toBeDefined();
-        expect(getByTestId('footer-content')).toHaveStyleRule('background-color',COLORS.primary_700);
-        expect(getByTestId('footer-content')).toHaveStyleRule('min-height','8px');
-        expect(getByTestId('footer-content')).toHaveStyleRule('color','white');
-    })
-
-    it('renders site footer', async () => {
-        const{getByTestId} = render(
-                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
-        );
-
-        expect(getByTestId('footer-container')).toBeDefined();
-        expect(getByTestId('footer-container')).toHaveStyleRule('background-color', COLORS.neutral_800);
-        expect(getByTestId('footer-container')).toHaveStyleRule('border-top', `8px solid ${COLORS.neutral_200}`);
-    })
-
-    it('renders site footer to top text', async () => {
-        const{getByText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
-            
-        );
-
-        expect(getByText('Scroll To Top')).toBeDefined();
-    })
-
-    it('performs navigation on click', async () => {
-        const{getByTestId} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
-            
-        );
-
-        fireEvent.click(getByTestId('toTopNavigation'));
-        expect(scrollSpy).toHaveBeenCalledWith(0);
-    })
-
-    it('performs navigation on enter', async () => {
-        const{getByTestId} = render(
-                            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
-            
-        );
-        
-        fireEvent.keyDown(getByTestId('toTopNavigation'), {key: 'Enter', code: 'Enter', charCode: 13});
-        expect(scrollSpy).toHaveBeenCalledWith(0);
-    })
-
-    it('does not performs navigation on key other than enter', async () => {
-        const{getByTestId} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top'/>
-            
-        );
-
-        fireEvent.keyDown(getByTestId('toTopNavigation'), {key: 'A', code: 'KeyA'});
-        expect(scrollSpy).not.toHaveBeenCalled();
-    })
-
-    it('renders site footer copyright', async () => {
-        const{getByText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top' copyrightText='this is copyright'/>
-            
-        );
-
-        expect(getByText('this is copyright')).toBeDefined();
-    })
-
-    it('renders site footer links', async () => {
-        const{getByText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top' bottomLinks={[{label:'testLabel', to:'target'}]}/>
-            
-        );
-
-        expect(getByText('testLabel')).toBeDefined();
-    })
-
-    it('renders site footer nav section', async () => {
-        const{getByText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top' navOptions={{sections:[{header:'headerText',links:[{label:'labelText',to:'target'}]}]}}/>
-            
-        );
-
-        expect(getByText('headerText')).toBeDefined();
-        expect(getByText('labelText')).toBeDefined();
-    })
-
-    it('renders site footer newsletter and social section', async () => {
-        const signUpFn = jest.fn();
-
-        const{getByText, getByTestId, getByPlaceholderText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top' includeNewsletterAndSocialSection={true}
-                    placeholderEmailField='a@a.com' newsletterLabel='new news' 
-                    onNewsletterSignup={(e)=>signUpFn(e)}/>
-            
-        );
-
-        expect(getByPlaceholderText('a@a.com')).toBeDefined();
-        expect(getByText('new news')).toBeDefined();
-
-        fireEvent.click(getByTestId('newsBtn'));
-        expect(signUpFn).toBeCalledTimes(1);
-    })
-
-    it('updates newsletter email', async () => {
-        const{getByText, getByPlaceholderText} = render(
-            
-                <SiteFooter id='testFooter' toTopText='Scroll To Top' includeNewsletterAndSocialSection={true}
-                    placeholderEmailField='a@a.com' newsletterLabel='new news' />
-            
-        );
-
-        expect(getByPlaceholderText('a@a.com')).toBeDefined();
-        expect(getByText('new news')).toBeDefined();
-        fireEvent.change(getByPlaceholderText('a@a.com'), {target: {value: 'abc'}});
-        expect((getByPlaceholderText('a@a.com') as HTMLInputElement).value).toBe('abc');
-    })
-
-    it('renders site footer dropdown links', async () => {
-        const{getByText} = render(
-            <FooterDropdownLinks navSection={{header:'sample header', links:[{label:'labelText', to:'labelTarget'}]}} width={200}/>
-        );
-
-        expect(getByText('sample header')).toBeDefined();
-        expect(getByText('labelText')).toBeDefined();        
-    })
-
-    it('opens dropdown links on mouse click', async () => {
-        const{getByRole} = render(
-            <FooterDropdownLinks navSection={{header:'sample header', links:[{label:'labelText', to:'labelTarget'}]}} width={200}/>
-        );
-
-        expect(getByRole('button')).toBeDefined();
-        fireEvent.click(getByRole('button'));
-        expect(getByRole('button').classList.contains('open')).toBe(true);
-        fireEvent.click(getByRole('button'));
-        expect(getByRole('button').classList.contains('open')).toBe(false);
-    })
-})

package/dist/GlobalNavigationBar/__tests__/Logo.test.tsx

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import {act, fireEvent, render} from '../../test-utils';
-import Logo from '../Logo';
-import { NavigationProvider } from '../../Navigation';
-
-describe('Logo', () => {
-
-  const navProps = {
-    currentPath: '',
-    isActiveRoute: () => false,
-    navigate: (path: string, isExternal: boolean) => {}
-  };
-
-
-  it('should render Laerdal logo', () => {
-    const wrapper = render(<NavigationProvider {...navProps}><Logo name={'name'}/></NavigationProvider>);
-
-    expect(wrapper.getByText('name')).toBeDefined();
-    expect(wrapper.getByText('Laerdal logo')).toBeDefined();
-  });
-
-  it('should render beta tag', () => {
-    const wrapper = render(<NavigationProvider {...navProps}><Logo name={'name'} showBetaTag={true}/></NavigationProvider>);
-
-    expect(wrapper.getByText('BETA')).toBeDefined();
-  });
-
-  it('should call onClick when logo is clicked', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<NavigationProvider {...navProps}><Logo name={'name'} onClick={onClickSpy}/></NavigationProvider>);
-
-    act(() => {
-      fireEvent.click(wrapper.container.querySelector('a')!);
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-});

package/dist/GlobalNavigationBar/desktop/__tests__/DesktopActions.test.tsx

@@ -1,108 +0,0 @@
-import * as React from 'react';
-import DesktopActions, {DesktopActionsRef} from '../DesktopActions';
-import {act, render} from '../../../test-utils';
-import {DesktopMenuButtonTypes} from '../../types';
-import {SystemIcons} from '../../../icons';
-import {IconButtonStyled} from '../../../Button/Iconbutton';
-import {ProfileButtonContainer} from '../../../ProfileButton/ProfileButton';
-
-describe('DesktopActions', () => {
-  const profileSpy = jest.fn();
-  const actionSpy = jest.fn();
-  const switcherSpy = jest.fn();
-  const showSubMenuSpy = jest.fn();
-
-  const profile: DesktopMenuButtonTypes = {
-    type: 'profile',
-    action: profileSpy,
-  };
-
-  const action: DesktopMenuButtonTypes = {
-    type: 'action',
-    action: actionSpy,
-    icon: <SystemIcons.Search/>,
-  };
-
-  const switcher: DesktopMenuButtonTypes = {
-    type: 'switcher',
-    action: switcherSpy,
-  };
-
-
-  it('should render profile button', () => {
-    const wrapper = render(<DesktopActions buttons={[profile]} onShowUserMenu={showSubMenuSpy}/>)
-
-    expect(wrapper.container.querySelectorAll(`${ProfileButtonContainer}`)).toHaveLength(1);
-  });
-
-  it('should render action button', () => {
-    const wrapper = render(<DesktopActions buttons={[action]} onShowUserMenu={showSubMenuSpy}/>)
-
-    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(1);
-  });
-
-  it('should render switcher button', () => {
-    const wrapper = render(<DesktopActions buttons={[switcher]} onShowUserMenu={showSubMenuSpy}/>)
-
-    expect(wrapper.container.querySelectorAll(`#globalNavAppsButton`)).toHaveLength(1);
-  });
-
-  it('should call profile action on profile button click', () => {
-    const wrapper = render(<DesktopActions buttons={[profile]} onShowUserMenu={showSubMenuSpy}/>)
-
-    act(() => {
-      wrapper.container.querySelector('button')!.click();
-    });
-
-    expect(profileSpy).toHaveBeenCalled();
-  });
-
-  it('should call on sub menu open when action is not specified on profile button click', () => {
-    const wrapper = render(<DesktopActions buttons={[{...profile, action: undefined}]}
-                                           onShowUserMenu={showSubMenuSpy}/>)
-
-    act(() => {
-      wrapper.container.querySelector('button')!.click();
-    });
-
-    expect(showSubMenuSpy).toHaveBeenCalled();
-  });
-
-  it('should call action on action button click', () => {
-    const wrapper = render(<DesktopActions buttons={[action]} onShowUserMenu={showSubMenuSpy}/>)
-
-    act(() => {
-      wrapper.container.querySelector('button')!.click();
-    });
-
-    expect(actionSpy).toHaveBeenCalled();
-  });
-
-  it('should call switcher action on switcher button click', () => {
-    const wrapper = render(<DesktopActions buttons={[switcher]} onShowUserMenu={showSubMenuSpy}/>)
-
-    act(() => {
-      wrapper.container.querySelector('button')!.click();
-    });
-
-    expect(switcherSpy).toHaveBeenCalled();
-  });
-
-
-  it('should not throw exceptions when buttons are removed', async () => {
-    const actionsRef = React.createRef<DesktopActionsRef>();
-
-    const wrapper = render(<DesktopActions ref={actionsRef}
-                                          buttons={[switcher, profile, action]}
-                                          onShowUserMenu={showSubMenuSpy}/>)
-
-    wrapper.rerender(<DesktopActions ref={actionsRef}
-                                     buttons={[]}
-                                     onShowUserMenu={showSubMenuSpy}/>)
-
-    expect(wrapper.container.querySelectorAll(`#globalNavAppsButton`)).toHaveLength(0);
-    expect(wrapper.container.querySelectorAll(`${ProfileButtonContainer}`)).toHaveLength(0);
-    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(0);
-  });
-
-});

package/dist/GlobalNavigationBar/desktop/__tests__/ExtendedMainMenu.test.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import {MenuNavigationItemTypeItem} from '../../types';
-import {render} from '../../../test-utils';
-import ExtendedMainMenu from '../ExtendedMainMenu';
-import { NavigationProvider } from '../../../Navigation';
-
-describe('ExtendedMainMenu', () => {
-  const menuClickSpy = jest.fn();
-  const items = [{
-    label: 'item1',
-    to: '#1'
-  },
-    {
-      label: 'item2',
-      to: '#2'
-    }] as MenuNavigationItemTypeItem[];
-
-  it('should render items', () => {
-    
-    const wrapper = render(
-        <NavigationProvider currentPath='' isActiveRoute={() => false} navigate={(path: string, isExternal: boolean) => {}}>
-          <ExtendedMainMenu clickMenuAction={menuClickSpy} navigationOptions={items}/>
-        </NavigationProvider>);
-
-    expect(wrapper.getByText('item1')).toBeDefined();
-    expect(wrapper.getByText('item2')).toBeDefined();
-  });
-});

package/dist/GlobalNavigationBar/desktop/__tests__/MainMenu.test.tsx

@@ -1,55 +0,0 @@
-import * as React from 'react';
-import {MenuNavigationItemTypeItem} from '../../types';
-import {fireEvent, render} from '../../../test-utils';
-import {IconButtonStyled} from '../../../Button/Iconbutton';
-import MainMenu from '../MainMenu';
-import { act } from "react";
-import { NavigationProvider } from '../../../Navigation';
-
-
-describe('MainMenu', () => {
-  const menuClickSpy = jest.fn();
-  const navProps = {
-    currentPath: '',
-    isActiveRoute: () => false,
-    navigate: (path: string, isExternal: boolean) => {}
-  };
-
-  const items = [{
-    label: 'item1',
-    to: '#1'
-  },
-    {
-      label: 'item2',
-      to: '#2'
-    }] as MenuNavigationItemTypeItem[];
-
-  it('should render items', () => {
-    const wrapper = render(<NavigationProvider {...navProps}><MainMenu rightSideRef={{current: {offsetLeft: 10000}} as any} items={items}/></NavigationProvider>);
-
-    expect(wrapper.getByText('item1')).toBeDefined();
-    expect(wrapper.getByText('item2')).toBeDefined();
-  });
-
-  it('should not show extended menu if width is enough', () => {
-    const wrapper = render(
-      <NavigationProvider {...navProps}>
-        <MainMenu items={items}  rightSideRef={{current: {offsetLeft: 10000}} as any}/>
-      </NavigationProvider>
-    );
-
-    act(() => {
-      global.dispatchEvent(new Event('resize'));
-    })
-
-    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(0);
-  });
-
-  it('should show extended menu if width is not enough', () => {
-    const wrapper = render(<NavigationProvider {...navProps}><MainMenu rightSideRef={{current: {offsetLeft: 0}} as any}
-                                                   items={items}/></NavigationProvider>);
-
-    expect(wrapper.container.querySelectorAll(`${IconButtonStyled}`)).toHaveLength(1);
-  });
-
-});

package/dist/GlobalNavigationBar/desktop/__tests__/RightSideNav.test.tsx

@@ -1,45 +0,0 @@
-import * as React from 'react';
-import {MenuNavigationItemTypeItem} from '../../types';
-import {render} from '../../../test-utils';
-import ExtendedMainMenu from '../ExtendedMainMenu';
-import {IconButtonStyled} from '../../../Button/Iconbutton';
-import MainMenu from '../MainMenu';
-import RightSideNav from '../RightSideNav';
-import { NavigationProvider } from '../../../Navigation';
-
-describe('RightSideNav', () => {
-  
-  const navProps = {
-    currentPath: '',
-    isActiveRoute: () => false,
-    navigate: (path: string, isExternal: boolean) => {}
-  };
-
-
-  const items = [{
-    label: 'item1',
-    to: '#1'
-  },
-    {
-      label: 'item2',
-      to: '#2'
-    }] as MenuNavigationItemTypeItem[];
-
-  it('should render items', () => {
-    const wrapper = render(<NavigationProvider {...navProps}><RightSideNav items={items}/></NavigationProvider>);
-
-    expect(wrapper.getByText('item1')).toBeDefined();
-    expect(wrapper.getByText('item2')).toBeDefined();
-  });
-
-  it('should render action', () => {
-    const wrapper = render(
-      <NavigationProvider {...navProps}>
-        <RightSideNav items={[]}
-                      action={{label: 'label', action: jest.fn()}}/>
-      </NavigationProvider>);
-
-    expect(wrapper.getByText('label')).toBeDefined();
-  });
-
-});