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

package/dist/Chips/__tests__/ActionChip.test.tsx

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import {ActionChip} from '../index';
-import {act, fireEvent, render} from '../../test-utils';
-import { SystemIcons } from '../../icons';
-
-describe('ActionChip', () => {
-
-  it('should render', () => {
-    const wrapper = render(<ActionChip text={'label'}/>);
-
-    expect(wrapper.queryByText('label')).toBeInTheDocument();
-  });
-
-  it('should render icon', () => {
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    expect(wrapper.queryByLabelText('Book')).toBeInTheDocument();
-  });
-
-  it('should be focusable if it is not disabled and onClick is defined', () => {
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="0"]')).toBeInTheDocument();
-  });
-
-  it('should not be focusable if it is disabled', () => {
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} disabled={true} onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="-1"]')).toBeInTheDocument();
-  });
-
-  it('should not be focusable if it is not interactive', () => {
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="-1"]')).toBeInTheDocument();
-  });
-
-  it('should call onClick when its clicked', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Enter is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Space is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: ' '});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should not call onClick when its clicked if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-  it('should not call onClick when Enter is pressed if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<ActionChip text={'label'} icon={<SystemIcons.Book/>} disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-
-});

package/dist/Chips/__tests__/ChoiceChips.test.tsx

@@ -1,79 +0,0 @@
-import * as React from 'react';
-import {ChoiceChips} from '../index';
-import {render, act, fireEvent} from '../../test-utils';
-
-
-
-
-describe('ChoiceChips', () => {
-
-  it('should render chips', () => {
-
-    const wrapper = render(<ChoiceChips selected={'1'}
-                                         values={[{value: '1', label: 'label'}, {value: '2', label: 'label 2'}]}/>);
-
-    expect(wrapper.queryAllByRole('radio')).toHaveLength(2);
-    expect(wrapper.queryByText('label')).toBeInTheDocument();
-    expect(wrapper.queryByText('label 2')).toBeInTheDocument();
-  });
-
-  it('should call onClick when chip is clicked', () => {
-    const onClickSpy = jest.fn();
-
-    const wrapper = render(<ChoiceChips selected={'1'}
-                                         onClick={onClickSpy}
-                                         values={[{value: '1', label: 'label'}, {value: '2', label: 'label 2'}]}/>);
-
-    act(() => {
-      wrapper.getByText('label 2').click()
-    });
-
-    expect(onClickSpy).toHaveBeenCalledWith({value: '2', label: 'label 2'});
-  });
-
-  it('should call onClick when enter is pressed on focused chip', () => {
-    const onClickSpy = jest.fn();
-
-    const wrapper = render(<ChoiceChips selected={'1'}
-                                         onClick={onClickSpy}
-                                         values={[{value: '1', label: 'label'}, {value: '2', label: 'label 2'}]}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label 2'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalledWith({value: '2', label: 'label 2'});
-  });
-
-  it('should not call onClick when chip is clicked if its disabled', () => {
-    const onClickSpy = jest.fn();
-
-    const wrapper = render(<ChoiceChips selected={'1'}
-                                         disabled={true}
-                                         onClick={onClickSpy}
-                                         values={[{value: '1', label: 'label'}, {value: '2', label: 'label 2'}]}/>);
-
-    act(() => {
-      wrapper.getByText('label 2').click()
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-  it('should render selected chip with default class others with outline class', () => {
-    const onClickSpy = jest.fn();
-
-    const wrapper = render(<ChoiceChips selected={'1'}
-                                         onClick={onClickSpy}
-                                         values={[{value: '1', label: 'label'}, {value: '2', label: 'label 2'}]}/>);
-
-
-    act(() => {
-      wrapper.getByText('label 2').click()
-    });
-
-    expect(wrapper.queryAllByRole('radio')[0]).toHaveClass('outline');
-    expect(wrapper.queryAllByRole('radio')[1]).toHaveClass('default')
-  });
-
-})

package/dist/Chips/__tests__/FilterChip.test.tsx

@@ -1,95 +0,0 @@
-import * as React from 'react';
-import {FilterChip} from '../index';
-import {act, fireEvent, render} from '../../test-utils';
-
-
-
-
-describe('FilterChip', () => {
-
-  it('should render', () => {
-    const wrapper = render(<FilterChip selected={false} text={'label'}/>);
-
-    expect(wrapper.queryByText('label')).toBeInTheDocument();
-  });
-
-  it('should render icon when selected', () => {
-    const wrapper = render(<FilterChip selected={true} text={'label'}/>);
-
-    expect(wrapper.queryByLabelText('Checkmark')).toBeInTheDocument();
-  });
-
-  it('should be focusable if it is not disabled and onClick is defined', () => {
-    const wrapper = render(<FilterChip selected={false} text={'label'} onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="0"]')).toBeInTheDocument();
-  });
-
-  it('should not be focusable if it is disabled', () => {
-    const wrapper = render(<FilterChip selected={false} text={'label'} disabled={true} onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="-1"]')).toBeInTheDocument();
-  });
-
-  it('should not be focusable if it is not interactive', () => {
-    const wrapper = render(<FilterChip selected={false} text={'label'}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="-1"]')).toBeInTheDocument();
-  });
-
-  it('should call onClick when its clicked', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<FilterChip selected={false} text={'label'} onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Enter is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<FilterChip selected={false} text={'label'} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Space is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<FilterChip selected={false} text={'label'} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: ' ', code: 'Space'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should not call onClick when its clicked if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<FilterChip selected={false} text={'label'} disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-  it('should not call onClick when Enter is pressed if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<FilterChip selected={false} text={'label'} disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-});

package/dist/Chips/__tests__/InputChip.test.tsx

@@ -1,155 +0,0 @@
-import * as React from 'react';
-import {InputChip} from '../index';
-import {act, fireEvent, render} from '../../test-utils';
-import {States} from '../../types';
-import { SystemIcons } from '../../icons';
-
-
-
-
-describe('InputChip', () => {
-
-  it('should render', () => {
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'}/>);
-
-    expect(wrapper.queryByText('label')).toBeInTheDocument();
-  });
-
-  it('should render icon', () => {
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    expect(wrapper.queryByLabelText('Book')).toBeInTheDocument();
-  });
-
-  it('should be focusable if it is not disabled and onClick is defined', () => {
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="0"]')).toBeInTheDocument();
-  });
-
-  it('should not be focusable if it is disabled', () => {
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       disabled={true} onClick={jest.fn()}/>);
-
-    expect(wrapper.container.querySelector('[tabindex="-1"]')).toBeInTheDocument();
-  });
-
-  it('should call onClick when its clicked', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Enter is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should call onClick when Space is pressed', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: ' ', code: 'Space'});
-    });
-
-    expect(onClickSpy).toHaveBeenCalled();
-  });
-
-  it('should not call onClick when its clicked if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      wrapper.getByText('label').click();
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-  it('should not call onClick when Enter is pressed if disabled', () => {
-    const onClickSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={jest.fn()} text={'label'} icon={<SystemIcons.Book/>}
-                                       disabled={true} onClick={onClickSpy}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByText('label'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onClickSpy).not.toHaveBeenCalled();
-  });
-
-  it('should call onRemove when remove is clicked', () => {
-    const onRemoveSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={onRemoveSpy} text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    act(() => {
-      fireEvent.click(wrapper.getByLabelText('Close'));
-    });
-
-    expect(onRemoveSpy).toHaveBeenCalled();
-  });
-
-  it('should call onRemove when Enter is pressed on remove button', () => {
-    const onRemoveSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={onRemoveSpy} text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByLabelText('Close'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onRemoveSpy).toHaveBeenCalled();
-  });
-
-  it('should call onRemove when Space is pressed on remove button', () => {
-    const onRemoveSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={onRemoveSpy} text={'label'} icon={<SystemIcons.Book/>}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByLabelText('Close'), {key: ' ', code: 'Space'});
-    });
-
-    expect(onRemoveSpy).toHaveBeenCalled();
-  });
-
-  it('should not call onRemove when remove is clicked and its disabled', () => {
-    const onRemoveSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={onRemoveSpy} disabled={true} text={'label'}
-                                      icon={<SystemIcons.Book/>}/>);
-
-    act(() => {
-      fireEvent.click(wrapper.getByLabelText('Close'));
-    });
-
-    expect(onRemoveSpy).not.toHaveBeenCalled();
-  });
-
-  it('should not call onRemove when Enter is pressed on remove button and it disabled', () => {
-    const onRemoveSpy = jest.fn();
-    const wrapper = render(<InputChip variant={States.Default} onRemove={onRemoveSpy} disabled={true} text={'label'}
-                                      icon={<SystemIcons.Book/>}/>);
-
-    act(() => {
-      fireEvent.keyDown(wrapper.getByLabelText('Close'), {key: 'Enter', code: 'Enter'});
-    });
-
-    expect(onRemoveSpy).not.toHaveBeenCalled();
-  });
-
-});

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

@@ -1,100 +0,0 @@
-import React from 'react';
-import {act, fireEvent, render, RenderResult} from '../../test-utils';
-import {ChipDropdownInput} from '../..';
-import '../../../jest.setup';
-
-const list = ['Contact', 'About', 'Base', 'Blog', 'Custom', 'Support', 'Tools'];
-
-
-
-describe('<ChipDropdownInput />', () => {
-  it('Renders with no default values and no items available', 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(
-        <ChipDropdownInput inputId="test_chip" list={[]} values={[]} onValueChange={(input) => {
-        }} placeholder="Search" altPlaceholder="" messageOnNoResults="No results found"/>,
-      );
-    });
-    //check correct placeholder displayed
-    expect(componentResult!.getByPlaceholderText('Search') as HTMLInputElement).toBeTruthy();
-    //check chip input with provided id rendered
-    expect(componentResult!.container.querySelector('input[id="test_chip"]')).toBeTruthy();
-    //check no initial value displayed
-    expect((componentResult!.getByPlaceholderText('Search') as HTMLInputElement).value).toBe('');
-  });
-
-  it('Renders with default values and items available', async () => {
-    let componentResult: RenderResult;
-    await act(async () => {
-      componentResult = render(
-        <ChipDropdownInput
-          inputId="test_chip"
-          list={list}
-          values={['Support']}
-          onValueChange={(input) => {
-          }}
-          placeholder="Search"
-          altPlaceholder="Type to search"
-          messageOnNoResults="No results found"
-        />,
-      );
-    });
-    //check alt placeholder displayed when list values
-    expect(componentResult!.getByPlaceholderText('Type to search') as HTMLInputElement).toBeTruthy();
-    //check correct initial value displayed
-    expect(componentResult!.getByText('Support')).toBeTruthy();
-  });
-
-  it('Renders dropdown on input click', async () => {
-    const wrapper = render(
-      <ChipDropdownInput
-        inputId="test_chip"
-        list={list}
-        values={['Support']}
-        onValueChange={(input) => {
-        }}
-        placeholder="Search"
-        altPlaceholder="Type to search"
-        messageOnNoResults="No results found"
-      />,
-    );
-
-    act(() => {
-      fireEvent.click(wrapper.getByPlaceholderText('Type to search'));
-    });
-
-    expect(wrapper.container.querySelector('.show')).toBeInTheDocument();
-  });
-
-  it('Renders dropdown and items are filtered by search criteria', () => {
-    const changeMock = jest.fn();
-
-    const wrapper = render(
-      <ChipDropdownInput
-        inputId="test_chip"
-        list={list}
-        values={[]}
-        onValueChange={changeMock}
-        placeholder="Search"
-        altPlaceholder="Type to search"
-        messageOnNoResults="No results found"
-      />,
-    );
-
-    act(() => {
-      fireEvent.change(wrapper.getByPlaceholderText('Search'), {target: {value: 'b'}});
-    });
-
-    list.filter((item) => item.toLowerCase().includes('b')).forEach((item) => {
-      expect(wrapper.queryByText(item)).toBeInTheDocument();
-    });
-
-    list.filter((item) => !item.toLowerCase().includes('b')).forEach((item) => {
-      expect(wrapper.queryByText(item)).not.toBeInTheDocument();
-    });
-  });
-});

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);
-  });
-});