@laerdal/life-react-components 6.0.0-dev.19.full → 6.0.0-dev.2.full

package/dist/Modals/__tests__/ModalContainer.test.tsx

@@ -1,77 +0,0 @@
-import * as React from 'react';
-import {ModalContainer} from '../index';
-import {act, fireEvent, render} from '../../test-utils';
-
-
-
-describe('ModalContainer', () => {
-
-  let mountingDiv: HTMLElement;
-  const scrollToSpy = jest.fn();
-
-  beforeEach(() => {
-    //being rendered as a React.Portal we need to have the 'root' div defined
-    mountingDiv = document.createElement('div');
-    mountingDiv.id = 'root';
-    document.body.appendChild(mountingDiv);
-    window.scrollTo = scrollToSpy;
-    document.body.style.position = '';
-    document.body.style.left = '';
-    document.body.style.top = '';
-    document.body.style.right = '';
-
-  });
-
-  afterEach(() => {
-    document.body.removeChild(mountingDiv);
-    scrollToSpy.mockReset();
-  });
-
-  it('should not render content', () => {
-    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
-
-    expect(wrapper.queryByText('text')).not.toBeInTheDocument();
-  });
-
-  it('should render children inside react modal', () => {
-    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
-
-    expect(wrapper.queryByText('text')).toBeInTheDocument();
-  });
-
-  it('should call onClose when react modal closes', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<ModalContainer showModal={true} closeModal={onClose} children={'text'}/>);
-
-    act(() => {
-      fireEvent.click(document.querySelector('.ReactModal__Overlay')!);
-    });
-
-    expect(onClose).toHaveBeenCalled();
-  });
-
-  it('should append custom styles when modal is mounted', () => {
-    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
-
-    expect(document.querySelectorAll('[modal-custom-styling="active"]')).toHaveLength(1);
-  });
-
-  it('should prevent scroll when modal is open', () => {
-    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
-
-    const wrapper = render(<ModalContainer showModal={true} closeModal={jest.fn()} children={'text'}/>);
-
-    expect(document.body.style.top).toEqual('-5px');
-    expect(document.body.style.position).toEqual('fixed');
-  });
-
-  it('should not touch scroll if modal was not opened yet', async () => {
-    Object.defineProperty(window, 'scrollY', {value: 5, writable: true});
-
-    const wrapper = render(<ModalContainer showModal={false} closeModal={jest.fn()} children={'text'}/>);
-
-    expect(document.body.style.top).toBeFalsy();
-    expect(document.body.style.position).toBeFalsy();
-  });
-
-});

package/dist/Modals/__tests__/ModalContent.test.tsx

@@ -1,126 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { ModalContent } from '..';
-import { Size, SystemIcons } from '../..';
-
-
-
-describe('<ModalContent />', () => {
-  let mountingDiv: HTMLElement;
-
-  beforeEach(() => {
-    //being rendered as a React.Portal we need to have the 'root' div defined
-    mountingDiv = document.createElement('div');
-    mountingDiv.id = 'root';
-    document.body.appendChild(mountingDiv);
-  });
-
-  afterEach(() => {
-    document.body.removeChild(mountingDiv);
-  });
-
-  it('Check modal not rendered when isModalOpen is false', async () => {
-    const { container, getByText } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={false}
-        closeAction={() => {}}
-      />,
-    );
-    //check modal portal not exists when modal not opened
-    expect(container.querySelector('.ReactModalPortal')).toBeNull();
-  });
-
-  it('Check modal visible, title and footer buttons displayed correctly', async () => {
-    const { container, getByText } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={true}
-        closeAction={() => {}}
-        footerActions={[
-          {
-            action: () => {},
-            text: 'Close',
-            variant: 'tertiary',
-          },
-          {
-            action: () => {},
-            text: 'Save',
-          },
-        ]}
-      />,
-    );
-    //check modal portal defined
-    expect(container.querySelector('.ReactModalPortal')).toBeDefined();
-    //Check header and footer buttons
-    expect(getByText('Header')).toBeDefined();
-    expect(getByText('Close')).toBeDefined();
-    expect(getByText('Save')).toBeDefined();
-  });
-
-  it('Check tooltip, and link displayed without right footer buttons', async () => {
-    const { baseElement, getByText } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={true}
-        closeAction={() => {}}
-        tooltip={'some test tooltip'}
-        leftFooterAction={{ id: 'test-link', actionType: 'hyperlink', text: 'Link', href: 'http://test.com', icon: <></>, variant: 'default' }}
-      />,
-    );
-    //check tooltip displayed
-    expect(getByText('some test tooltip').textContent).toBeDefined();
-    //check footer link displayed
-    expect(getByText('Link').children).toBeDefined();
-  });
-
-  it('Check note and footer note displayed', async () => {
-    const { baseElement, getByText } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={true}
-        closeAction={() => {}}
-        leftFooterAction={{ id: 'test-note', actionType: 'note', text: 'Test note', icon: <SystemIcons.Information /> }}
-        note={'Message text'}
-      />,
-    );
-    expect(getByText('Test note').textContent).toBeDefined();
-    expect(getByText('Message text').children).toBeDefined();
-  });
-
-  it('Check close button is displayed', async () => {
-    const {getByTestId } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={true}
-        closeAction={() => {}}
-      />,
-    );
-    expect(getByTestId('content-modal-close-button')).toBeDefined();
-  });
-
-  it('Check modal body displayed', async () => {
-    const { baseElement, getByText, container } = render(
-      <ModalContent
-        key="smallModalWithoutImage"
-        title={'Header'}
-        size={Size.Small}
-        isModalOpen={true}
-        closeAction={() => {}}>
-        <span>Inner modal text</span>
-      </ModalContent>,
-    );
-    expect(getByText('Inner modal text')).toBeDefined();
-  });
-});

package/dist/NavItem/__tests__/NavItem.test.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-test('it works', () => {
-  expect(true).toBe(true);
-});

package/dist/NotificationDot/__tests__/NotificationDot.test.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { NotificationDot } from '..';
-import { Size } from '../../types';
-import COLORS from '../../styles/colors';
-
-  
-describe('<NotificationDot />',()=>{
-    it('renders positive small notification dot', async () => {
-        const{getByTestId} = render(
-            <NotificationDot variant='positive' size={Size.Small} testId='testId'/>
-        );
-        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_positive);
-        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.bg_surface_default);
-    });
-
-    it('renders critical large notification dot', async () => {
-        const{getByTestId} = render(
-            <NotificationDot variant='critical' size={Size.Large} testId='testId'/>
-        );
-        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_critical);
-        expect(getByTestId('testId')).toHaveStyleRule('border', '3px solid ' + COLORS.bg_surface_default);
-    });
-
-    it('renders critical medium notification dot', async () => {
-        const{getByTestId} = render(
-            <NotificationDot variant='critical' testId='testId'/>
-        );
-        expect(getByTestId('testId')).toHaveStyleRule('background-color',COLORS.bg_fill_critical);
-        expect(getByTestId('testId')).toHaveStyleRule('border', '2px solid ' + COLORS.bg_surface_default);
-    });
-});

package/dist/Paginator/__tests__/Paginator.test.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import { Paginator } from '../index';
-import { createMemoryHistory } from 'history';
-import 'jest-styled-components';
-
-
-
-describe('<Paginator />', () => {
-
-  const navProps = {
-    currentPath: '',
-    isActiveRoute: () => false,
-    navigate: (path: string, isExternal: boolean) => {}
-  };
-
-  it('Renders Paginator', async () => {
-    const history = createMemoryHistory();
-    const route = '/1';
-    history.push(route);
-    let curPage = 1;
-    const { queryByText, container } = render(
-        <Paginator pageCount={6} currentPage={1} baseUrl="" onPageChange={(page) => { curPage = page; }} />
-    );
-
-    expect(queryByText('1')).toBeDefined();
-    expect(container.querySelector('#paginator-left')).toBeDefined();
-    expect(container.querySelector('#paginator-right')).toBeDefined();
-    expect(queryByText('6')).toBeDefined();
-
-    // Click on stepper to the right. Expect to be taken from 1 to 2
-    (container.querySelector('#paginator-right') as HTMLElement)?.click();
-    expect(curPage).toBe(2);
-
-    // Click directly on 6. Expect to be taken to /6
-    queryByText('6')?.click();
-    expect(curPage).toBe(6);
-  });
-});

package/dist/Popover/__tests__/Popover.test.tsx

@@ -1,64 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { Popover } from '../..';
-import { SystemIcons } from '../../icons';
-import { Position } from '../../types';
-
-  
-describe('<Popover />',()=>{
-    it('renders title', async () => {
-        const{getByText, queryByTestId} = render(
-            <Popover position={Position.Bottom} topSectionProps={{text:'sample title'}} mainContent={<></>} showOnClick={false}>
-                <></>
-            </Popover>
-        );
-
-        expect(getByText('sample title')).toBeDefined();
-        expect(queryByTestId('closeBtn')).toBeNull();
-    })
-
-    it('renders note and title', async () => {
-        const{getByText, queryByTestId} = render(
-            <Popover position={Position.Left} topSectionProps={{text:'sample title', note:'sample note'}} mainContent={<></>} showOnClick={false}>
-                <></>
-            </Popover>
-        );
-
-        expect(getByText('sample title')).toBeDefined();
-        expect(getByText('sample note')).toBeDefined();
-        expect(queryByTestId('closeBtn')).toBeNull();
-    })
-
-    it('renders close button', async () => {
-        const{getByTestId} = render(
-            <Popover position={Position.Bottom} topSectionProps={{text:'sample title'}} mainContent={<></>} showOnClick={true}>
-                <></>
-            </Popover>
-        );
-
-        expect(getByTestId('closeBtn')).toBeDefined();
-    })
-
-    it('renders text button', async () => {
-        const{getByTestId} = render(
-            <Popover position={Position.Right} bottomSectionProps={{textButton:{label:'sample button', icon:<SystemIcons.OpenNewWindow />, action:()=>{}}}} mainContent={<></>} showOnClick={true}>
-                <></>
-            </Popover>
-        );
-
-        expect(getByTestId('textBtn')).toBeDefined();
-        expect(getByTestId('iconBtn').children).toHaveLength(0);
-    })
-
-    it('renders icon button', async () => {
-        const{getByTestId, queryByTestId} = render(
-            <Popover position={Position.Right} bottomSectionProps={{iconButtons:[{label:'sample button', icon:<SystemIcons.OpenNewWindow />, action:()=>{}}]}} mainContent={<></>} showOnClick={true}>
-                <></>
-            </Popover>
-        );
-
-        expect(queryByTestId('textBtn')).toBeNull();
-        expect(getByTestId('iconBtn').children).toHaveLength(1);
-    })
-})

package/dist/ProfileButton/__tests__/ProfileButton.test.tsx

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import {ProfileButton} from '../index';
-import {render} from '../../test-utils';
-
-
-
-describe('ProfileButton', () => {
-
-  it('should render', () => {
-    const wrapper = render(<ProfileButton onClick={jest.fn()} initials={'initials'}/>);
-
-    expect(wrapper.queryByText('initials')).toBeInTheDocument();
-  });
-
-  it('should render image if portraitSrc is provided', () => {
-    const wrapper = render(<ProfileButton portraitSrc={'#'} onClick={jest.fn()}/>);
-
-
-    expect(wrapper.container.querySelector(`img`)).toBeInTheDocument();
-    expect(wrapper.queryByText('initials')).not.toBeInTheDocument();
-  });
-
-  it('should render initials if portraitSrc is not provided and initials are', () => {
-    const wrapper = render(<ProfileButton initials={'initials'} onClick={jest.fn()}/>);
-
-
-    expect(wrapper.container.querySelector(`img`)).not.toBeInTheDocument();
-    expect(wrapper.queryByText('initials')).toBeInTheDocument();
-  });
-
-});

package/dist/QuizButton/__tests__/QuizButton.test.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import { render } from '../../test-utils';
-import 'jest-styled-components';
-import { QuizButton } from '..';
-import { Size } from '../../types';
-import COLORS from '../../styles/colors';
-import '@testing-library/jest-dom';
-
-
-describe('<QuizButton />',()=>{
-    it('renders correct quiz button', async () => {
-        const{getByText, getByTestId} = render(
-            <QuizButton size={Size.Small} resultType={'correct'} text={'this is sample text'} type={'radio'} id={'1'}/>
-        );
-        expect(getByTestId('txtContainer')).toHaveTextContent('this is sample text');
-        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    });
-
-    it('renders incorrect quiz button', async () => {
-        const{getByText, getByTestId} = render(
-            <QuizButton size={Size.Small} resultType={'incorrect'} text={'this is sample text'} type={'checkbox'} id={'1'}/>
-        );
-        expect(getByTestId('txtContainer')).toHaveTextContent('this is sample text');
-        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    });
-
-    it('renders partial quiz button', async () => {
-        const{getByText, getByTestId} = render(
-            <QuizButton size={Size.Small} resultType={'partial'} text={'this is sample text'} type={'radio'} id={'1'}/>
-        );
-        expect(getByTestId('txtContainer')).toHaveTextContent('this is sample text');
-        expect(getByTestId('txtContainer')).toHaveClass('quiz-button-text');
-        expect(getByTestId('btnContainer')).toHaveClass('quiz-button-icon');
-    });
-
-    it('renders quiz button', async () => {
-        const{getByText, getByTestId} = render(
-            <QuizButton size={Size.Small} text={'this is sample text'} type={'checkbox'} id={'1'}/>
-        );
-        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-        expect(getByTestId('txtContainer')).toHaveStyleRule('background',COLORS.accent1_20);
-        expect(getByTestId('btnContainer')).toHaveStyleRule('background',COLORS.accent1_100);
-    });
-
-    it('renders selected quiz button', async () => {
-        const{getByText} = render(
-            <QuizButton size={Size.Small} text={'this is sample text'} selected={true} type={'radio'} id={'1'}/>
-        );
-        expect(getByText('this is sample text')).toHaveTextContent('this is sample text');
-    });
-});

package/dist/SegmentControl/__tests__/SegmentControl.test.tsx

@@ -1,145 +0,0 @@
-import React from 'react';
-import {SegmentControlItemWrapper, SegmentControlWrapper} from '../SegmentControl';
-import {render} from '../../test-utils';
-import {SegmentControl} from '../index';
-import {SystemIcons} from '../../icons';
-import {fireEvent} from '@testing-library/react';
-import { act } from "react";
-
-
-
-
-describe('SegmentControl', () => {
-
-  const items = [
-    {key: 'item1', content: 'Item 1', disabled: false,},
-    {key: 'item2', content: 'Item 2', disabled: false,},
-    {key: 'item3', content: 'Item 3', disabled: false,},
-    {key: 'item4', content: 'Item 4', disabled: false,},
-    {key: 'item5', content: 'Item 5', disabled: false,},
-    {key: 'item6', content: 'Item 6', disabled: true,}
-  ];
-
-  const icons = [
-    {key: 'icon1', content: <SystemIcons.Legend3Star size={'20'}/>, disabled: false,},
-    {key: 'icon2', content: <SystemIcons.Legend4Square size={'20'}/>, disabled: false,},
-    {key: 'icon3', content: <SystemIcons.Legend5Diamond size={'20'}/>, disabled: false,},
-    {key: 'icon4', content: <SystemIcons.Legend6Nabla size={'20'}/>, disabled: false,},
-    {key: 'icon5', content: <SystemIcons.Legend7Pentagon size={'20'}/>, disabled: false,},
-    {key: 'icon6', content: <SystemIcons.Legend8Rectangle size={'20'}/>, disabled: true,}
-  ]
-
-  it('should render a segment control with items', () => {
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[0].key}
-                      onChange={jest.fn()}/>
-    );
-
-    expect(wrapper.container.querySelectorAll(`${SegmentControlWrapper}`)).toHaveLength(1);
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}`)).toHaveLength(6);
-  });
-
-  it('should render items with correct labels', () => {
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[0].key}
-                      onChange={jest.fn()}/>
-    );
-
-    for (let item of items) {
-      expect(wrapper.getByText(item.content)).toBeTruthy();
-    }
-  });
-
-  it('should render items with icons', () => {
-    const wrapper = render(
-      <SegmentControl items={icons}
-                      selected={icons[0].key}
-                      onChange={jest.fn()}/>
-    );
-
-    expect(wrapper.container.querySelectorAll(`${SegmentControlWrapper}`)).toHaveLength(1);
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}`)).toHaveLength(6);
-  });
-
-  it('should render correct item as selected', () => {
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={jest.fn()}/>
-    );
-
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}.selected`)).toHaveLength(1);
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}`)[2].classList).toContain('selected');
-  });
-
-  it('should render correct item as disabled', () => {
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={jest.fn()}/>
-    );
-
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}.disabled`)).toHaveLength(1);
-    expect(wrapper.container.querySelectorAll(`${SegmentControlItemWrapper}`)[5].classList).toContain('disabled');
-  });
-
-  it('should call on change function on item click', () => {
-    const onChange = jest.fn();
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={onChange}/>
-    );
-    act(() => {
-      wrapper.getByText(items[0].content).dispatchEvent(new MouseEvent('click', {bubbles: true}));
-    })
-    expect(onChange).toHaveBeenCalledTimes(1);
-    expect(onChange).toHaveBeenCalledWith(items[0].key);
-  });
-
-  it('should call on change function on item key press', () => {
-    const onChange = jest.fn();
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={onChange}/>
-    );
-    act(() => {
-      fireEvent.keyPress(wrapper.getByText(items[0].content), {key: 'Enter', keyCode: 13, which: 13});
-    })
-
-    expect(onChange).toHaveBeenCalledTimes(1);
-    expect(onChange).toHaveBeenCalledWith(items[0].key);
-  });
-
-  it('should not call on change function on disabled item click', () => {
-    const onChange = jest.fn();
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={onChange}/>
-    );
-    act(() => {
-      wrapper.getByText(items[5].content).dispatchEvent(new MouseEvent('click', {bubbles: true}));
-    })
-    expect(onChange).toHaveBeenCalledTimes(0);
-  });
-
-  it('should not call on change function on disabled item key press', () => {
-    const onChange = jest.fn();
-    const wrapper = render(
-      <SegmentControl items={items}
-                      selected={items[2].key}
-                      onChange={onChange}/>
-    );
-    act(() => {
-      fireEvent.keyPress(wrapper.getByText(items[5].content), {key: 'Enter', keyCode: 13, which: 13});
-    })
-
-    expect(onChange).toHaveBeenCalledTimes(0);
-  });
-
-
-});

package/dist/SideMenu/__tests__/SideMenu.test.tsx

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import {SideMenu} from '../index';
-import {act, render} from '../../test-utils';
-
-
-
-describe('SideMenu', () => {
-
-  it('should render content', () => {
-    const wrapper = render(<SideMenu onClose={jest.fn()}>content</SideMenu>);
-
-    expect(wrapper.getByText('content')).toBeDefined();
-  });
-
-  it('should call onClose when close button is clicked', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose}>content</SideMenu>);
-
-    act(() => {
-      wrapper.getByRole('button').click();
-    });
-
-    expect(onClose).toHaveBeenCalled();
-  });
-
-
-  it('should call onClose when close button is clicked', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose}>content</SideMenu>);
-
-    act(() => {
-      wrapper.getByRole('button').click();
-    });
-
-    expect(onClose).toHaveBeenCalled();
-  });
-
-  it('should render label', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose} header={{label: 'label'}}>content</SideMenu>);
-
-    expect(wrapper.getByText('label')).toBeDefined();
-  });
-
-  it('should render header icon buttons ', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose} header={{
-      label: 'label', actions: [{
-        action: () => {
-        }, icon: <></>
-      }, {
-        action: () => {
-        }, icon: <></>
-      }]
-    }}>content</SideMenu>);
-
-    expect(wrapper.getAllByRole('button')).toHaveLength(3);
-  });
-
-  it('should render footer note', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose} footer={{note: 'note'}}>content</SideMenu>);
-
-    expect(wrapper.getByText('note')).toBeDefined();
-  });
-
-  it('should render footer buttons', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose} footer={{
-      buttons: [{
-        variant: 'primary', label: 'label', onClick: () => {
-        }
-      }]
-    }}>content</SideMenu>);
-
-    expect(wrapper.getAllByRole('button')).toHaveLength(2);
-  });
-
-  it('should render footer menu items', () => {
-    const onClose = jest.fn();
-    const wrapper = render(<SideMenu onClose={onClose} footer={{
-      items: [{
-        id: '1',
-        active: false,
-        onClickHandler: () => {},
-        item: {displayLabel: 'label 1', value: '1'}
-      }, {
-        id: '2',
-        active: false,
-        onClickHandler: () => {},
-        item: {displayLabel: 'label 2', value: '2'}
-      }]
-    }}>content</SideMenu>);
-
-    expect(wrapper.getByText('label 1')).toBeDefined();
-    expect(wrapper.getByText('label 2')).toBeDefined();
-  });
-
-});