@patternfly/react-core 4.206.5 → 4.208.0

package/src/components/TextArea/__tests__/TextArea.test.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
 
 import { TextArea, TextAreaBase } from '../TextArea';
 import { ValidatedOptions } from '../../../helpers/constants';
@@ -14,7 +13,7 @@ const props = {
 
 describe('TextArea', () => {
   test('textarea input passes value and event to onChange handler', () => {
-    render(<TextAreaBase {...props} value='' aria-label="test textarea" />);
+    render(<TextAreaBase {...props} value="" aria-label="test textarea" />);
 
     userEvent.type(screen.getByLabelText('test textarea'), 'a');
     expect(props.onChange).toHaveBeenCalledWith('a', expect.any(Object));
@@ -56,12 +55,16 @@ describe('TextArea', () => {
   });
 
   test('validated text area error', () => {
-    const { asFragment } = render(<TextArea {...props} required validated={ValidatedOptions.error} aria-label="validated textarea" />);
+    const { asFragment } = render(
+      <TextArea {...props} required validated={ValidatedOptions.error} aria-label="validated textarea" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('vertically resizable text area', () => {
-    const { asFragment } = render(<TextArea resizeOrientation="vertical" {...props} aria-label="vertical resize textarea" />);
+    const { asFragment } = render(
+      <TextArea resizeOrientation="vertical" {...props} aria-label="vertical resize textarea" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
@@ -84,7 +87,7 @@ describe('TextArea', () => {
 
     render(<TextArea {...props} />);
 
-    expect(myMock).toBeCalled();
+    expect(myMock).toHaveBeenCalled();
   });
 
   test('should not throw console error when id is given but no aria-label', () => {
@@ -93,7 +96,7 @@ describe('TextArea', () => {
 
     render(<TextArea {...props} id="5" />);
 
-    expect(myMock).not.toBeCalled();
+    expect(myMock).not.toHaveBeenCalled();
   });
 
   test('should not throw console error when aria-label is given but no id', () => {
@@ -102,6 +105,6 @@ describe('TextArea', () => {
 
     render(<TextArea {...props} aria-label="test textarea" />);
 
-    expect(myMock).not.toBeCalled();
+    expect(myMock).not.toHaveBeenCalled();
   });
 });

package/src/components/TextInput/__tests__/TextInput.test.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
 
 import { TextInput, TextInputBase } from '../TextInput';
 import { ValidatedOptions } from '../../../helpers/constants';
@@ -14,7 +13,7 @@ const props = {
 
 describe('TextInput', () => {
   test('input passes value and event to onChange handler', () => {
-    render(<TextInputBase {...props} value='' aria-label="test input" />);
+    render(<TextInputBase {...props} value="" aria-label="test input" />);
 
     userEvent.type(screen.getByLabelText('test input'), 'a');
     expect(props.onChange).toHaveBeenCalledWith('a', expect.any(Object));
@@ -36,7 +35,9 @@ describe('TextInput', () => {
   });
 
   test('invalid text input', () => {
-    const { asFragment } = render(<TextInput {...props} required validated={'error'} aria-label="invalid text input" />);
+    const { asFragment } = render(
+      <TextInput {...props} required validated={'error'} aria-label="invalid text input" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
@@ -51,7 +52,9 @@ describe('TextInput', () => {
   });
 
   test('validated text input error', () => {
-    const { asFragment } = render(<TextInput {...props} required validated={ValidatedOptions.error} aria-label="validated text input" />);
+    const { asFragment } = render(
+      <TextInput {...props} required validated={ValidatedOptions.error} aria-label="validated text input" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
@@ -61,7 +64,7 @@ describe('TextInput', () => {
 
     render(<TextInput {...props} />);
 
-    expect(myMock).toBeCalled();
+    expect(myMock).toHaveBeenCalled();
   });
 
   test('should not throw console error when id is given but no aria-label or aria-labelledby', () => {
@@ -70,7 +73,7 @@ describe('TextInput', () => {
 
     render(<TextInput {...props} id="5" />);
 
-    expect(myMock).not.toBeCalled();
+    expect(myMock).not.toHaveBeenCalled();
   });
 
   test('should not throw console error when aria-label is given but no id or aria-labelledby', () => {
@@ -79,7 +82,7 @@ describe('TextInput', () => {
 
     render(<TextInput {...props} aria-label="test input" />);
 
-    expect(myMock).not.toBeCalled();
+    expect(myMock).not.toHaveBeenCalled();
   });
 
   test('should not throw console error when aria-labelledby is given but no id or aria-label', () => {
@@ -88,6 +91,6 @@ describe('TextInput', () => {
 
     render(<TextInput {...props} aria-labelledby="test input" />);
 
-    expect(myMock).not.toBeCalled();
+    expect(myMock).not.toHaveBeenCalled();
   });
 });

package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx

@@ -9,11 +9,11 @@ import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 
 describe('TextInputGroupMain', () => {
   it('renders without children', () => {
-    render(<TextInputGroupMain data-testid='TextInputGroupMain'/>);
-    
+    render(<TextInputGroupMain data-testid="TextInputGroupMain" />);
+
     expect(screen.getByTestId('TextInputGroupMain')).toBeVisible();
   });
-  
+
   it('renders children', () => {
     render(<TextInputGroupMain>Test</TextInputGroupMain>);
 

package/src/components/Tile/__tests__/Tile.test.tsx

@@ -5,37 +5,37 @@ import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
 
 describe('Tile', () => {
   test('basic', () => {
-    const view = render(<Tile title="test" />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders selected', () => {
-    const view = render(<Tile title="test" isSelected />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" isSelected />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders disabled', () => {
-    const view = render(<Tile title="test" isDisabled />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" isDisabled />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with subtext', () => {
-    const view = render(<Tile title="test">test subtext</Tile>);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test">test subtext</Tile>);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with icon', () => {
-    const view = render(<Tile title="test" icon={<PlusIcon />} />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with stacked icon', () => {
-    const view = render(<Tile title="test" icon={<PlusIcon />} isStacked />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} isStacked />);
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('renders with stacked large icon', () => {
-    const view = render(<Tile title="test" icon={<PlusIcon />} isStacked isDisplayLarge />);
-    expect(view.container).toMatchSnapshot();
+    const { asFragment } = render(<Tile title="test" icon={<PlusIcon />} isStacked isDisplayLarge />);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Tile basic 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tile"
     role="option"
@@ -17,11 +17,11 @@ exports[`Tile basic 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders disabled 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-disabled="true"
     class="pf-c-tile pf-m-disabled"
@@ -38,11 +38,11 @@ exports[`Tile renders disabled 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders selected 1`] = `
-<div>
+<DocumentFragment>
   <div
     aria-selected="true"
     class="pf-c-tile pf-m-selected"
@@ -59,11 +59,11 @@ exports[`Tile renders selected 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders with icon 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tile"
     role="option"
@@ -96,11 +96,11 @@ exports[`Tile renders with icon 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders with stacked icon 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tile"
     role="option"
@@ -133,11 +133,11 @@ exports[`Tile renders with stacked icon 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders with stacked large icon 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tile pf-m-display-lg"
     role="option"
@@ -170,11 +170,11 @@ exports[`Tile renders with stacked large icon 1`] = `
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;
 
 exports[`Tile renders with subtext 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-tile"
     role="option"
@@ -195,5 +195,5 @@ exports[`Tile renders with subtext 1`] = `
       test subtext
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/TimePicker/__tests__/TimePicker.test.tsx

@@ -2,18 +2,23 @@ import * as React from 'react';
 
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import '@testing-library/jest-dom';
 
-import { TimePicker } from '../TimePicker';
+import { TimePicker, TimePickerProps } from '../TimePicker';
 
 describe('TimePicker', () => {
   describe('test timepicker onChange method with valid values', () => {
-    const testOnChange = ({ inputProps, expects }) => {
+    const testOnChange = ({
+      inputProps,
+      expects
+    }: {
+      inputProps: TimePickerProps;
+      expects: { hour: number; minutes: number; seconds: number };
+    }) => {
       const onChange = jest.fn();
       render(<TimePicker onChange={onChange} {...inputProps} aria-label="time picker" />);
 
-      userEvent.type(screen.getByLabelText('time picker'), inputProps.value);
-      expect(onChange).toBeCalledWith(inputProps.value, expects.hour, expects.minutes, expects.seconds, true);
+      userEvent.type(screen.getByLabelText('time picker'), String(inputProps.value));
+      expect(onChange).toHaveBeenCalledWith(inputProps.value, expects.hour, expects.minutes, expects.seconds, true);
     };
 
     test('should return the correct value using the AM/PM pattern - midnight', () => {

package/src/components/Title/__tests__/Title.test.tsx

@@ -1,8 +1,5 @@
 import * as React from 'react';
-
 import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-
 import { Title, TitleSizes } from '..';
 
 describe('Title', () => {

package/src/components/ToggleGroup/__tests__/ToggleGroup.test.tsx

@@ -13,22 +13,30 @@ const props = {
 
 describe('ToggleGroup', () => {
   test('basic selected', () => {
-    const { asFragment } = render(<ToggleGroupItem text="test" isSelected buttonId="toggleGroupItem" aria-label="basic selected" />);
+    const { asFragment } = render(
+      <ToggleGroupItem text="test" isSelected buttonId="toggleGroupItem" aria-label="basic selected" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('basic not selected', () => {
-    const { asFragment } = render(<ToggleGroupItem text="test" buttonId="toggleGroupItem" aria-label="basic not selected" />);
+    const { asFragment } = render(
+      <ToggleGroupItem text="test" buttonId="toggleGroupItem" aria-label="basic not selected" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('icon variant', () => {
-    const { asFragment } = render(<ToggleGroupItem isSelected icon="icon" buttonId="toggleGroupItem" aria-label="icon variant" />);
+    const { asFragment } = render(
+      <ToggleGroupItem isSelected icon="icon" buttonId="toggleGroupItem" aria-label="icon variant" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 
   test('isDisabled', () => {
-    const { asFragment } = render(<ToggleGroupItem text="test" isDisabled buttonId="toggleGroupItem" aria-label="isDisabled" />);
+    const { asFragment } = render(
+      <ToggleGroupItem text="test" isDisabled buttonId="toggleGroupItem" aria-label="isDisabled" />
+    );
     expect(asFragment()).toMatchSnapshot();
   });
 

package/src/components/ToggleGroup/__tests__/ToggleGroupItemElement.test.tsx

@@ -3,16 +3,20 @@ import { render } from '@testing-library/react';
 import { ToggleGroupItemElement, ToggleGroupItemVariant } from '../ToggleGroupItemElement';
 
 test('text variant', () => {
-  const view = render(<ToggleGroupItemElement variant={ToggleGroupItemVariant.text}>Test</ToggleGroupItemElement>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(
+    <ToggleGroupItemElement variant={ToggleGroupItemVariant.text}>Test</ToggleGroupItemElement>
+  );
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('icon variant', () => {
-  const view = render(<ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>ICON</ToggleGroupItemElement>);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(
+    <ToggleGroupItemElement variant={ToggleGroupItemVariant.icon}>ICON</ToggleGroupItemElement>
+  );
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('empty', () => {
-  const view = render(<ToggleGroupItemElement />);
-  expect(view.container).toMatchSnapshot();
+  const { asFragment } = render(<ToggleGroupItemElement />);
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap

@@ -1,29 +1,29 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`empty 1`] = `
-<div>
+<DocumentFragment>
   <span
     class=""
   />
-</div>
+</DocumentFragment>
 `;
 
 exports[`icon variant 1`] = `
-<div>
+<DocumentFragment>
   <span
     class="pf-c-toggle-group__icon"
   >
     ICON
   </span>
-</div>
+</DocumentFragment>
 `;
 
 exports[`text variant 1`] = `
-<div>
+<DocumentFragment>
   <span
     class="pf-c-toggle-group__text"
   >
     Test
   </span>
-</div>
+</DocumentFragment>
 `;

package/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx

@@ -8,7 +8,7 @@ import { ToolbarChipGroupContent } from '../../ToolbarChipGroupContent';
 import {} from '../..';
 
 it('ToolbarChipGroupContent should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <ToolbarChipGroupContent
       className={'string'}
       isExpanded={true}
@@ -20,5 +20,5 @@ it('ToolbarChipGroupContent should match snapshot (auto-generated)', () => {
       collapseListedFiltersBreakpoint={'lg'}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Toolbar/__tests__/Generated/ToolbarContent.test.tsx

@@ -8,7 +8,7 @@ import { ToolbarContent } from '../../ToolbarContent';
 import {} from '../..';
 
 it('ToolbarContent should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <ToolbarContent
       className={'string'}
       children={<div>ReactNode</div>}
@@ -19,5 +19,5 @@ it('ToolbarContent should match snapshot (auto-generated)', () => {
       toolbarId={'string'}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx

@@ -8,7 +8,7 @@ import { ToolbarExpandableContent } from '../../ToolbarExpandableContent';
 import {} from '../..';
 
 it('ToolbarExpandableContent should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <ToolbarExpandableContent
       className={'string'}
       isExpanded={false}
@@ -19,5 +19,5 @@ it('ToolbarExpandableContent should match snapshot (auto-generated)', () => {
       showClearFiltersButton={true}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Toolbar/__tests__/Generated/ToolbarGroup.test.tsx

@@ -8,7 +8,7 @@ import { ToolbarGroup } from '../../ToolbarGroup';
 import {} from '../..';
 
 it('ToolbarGroup should match snapshot (auto-generated)', () => {
-  const view = render(
+  const { asFragment } = render(
     <ToolbarGroup
       className={'string'}
       variant={'filter-group'}
@@ -16,5 +16,5 @@ it('ToolbarGroup should match snapshot (auto-generated)', () => {
       innerRef={{ current: document.createElement('div') }}
     />
   );
-  expect(view.container).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ToolbarChipGroupContent should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-toolbar__content pf-m-hidden string"
     hidden=""
@@ -10,5 +10,5 @@ exports[`ToolbarChipGroupContent should match snapshot (auto-generated) 1`] = `
       class="pf-c-toolbar__group"
     />
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarContent.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ToolbarContent should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-toolbar__content string"
   >
@@ -21,5 +21,5 @@ exports[`ToolbarContent should match snapshot (auto-generated) 1`] = `
       />
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarExpandableContent.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ToolbarExpandableContent should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-toolbar__expandable-content string"
   >
@@ -9,5 +9,5 @@ exports[`ToolbarExpandableContent should match snapshot (auto-generated) 1`] = `
       class="pf-c-toolbar__group"
     />
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarGroup.test.tsx.snap

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ToolbarGroup should match snapshot (auto-generated) 1`] = `
-<div>
+<DocumentFragment>
   <div
     class="pf-c-toolbar__group pf-m-filter-group string"
   >
@@ -9,5 +9,5 @@ exports[`ToolbarGroup should match snapshot (auto-generated) 1`] = `
       ReactNode
     </div>
   </div>
-</div>
+</DocumentFragment>
 `;

package/src/components/Toolbar/__tests__/Toolbar.test.tsx

@@ -22,7 +22,7 @@ describe('Toolbar', () => {
       </React.Fragment>
     );
 
-    render(
+    const { asFragment } = render(
       <Toolbar
         id="toolbar"
         inset={{
@@ -31,13 +31,12 @@ describe('Toolbar', () => {
           xl: 'inset2xl',
           '2xl': 'insetLg'
         }}
-        data-testid="toolbar-test-id"
       >
         <ToolbarContent>{items}</ToolbarContent>
       </Toolbar>
     );
 
-    expect(screen.getByTestId('toolbar-test-id').outerHTML).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   it('should render with page inset flag', () => {
@@ -50,13 +49,13 @@ describe('Toolbar', () => {
       </React.Fragment>
     );
 
-    render(
-      <Toolbar id="toolbar" usePageInsets data-testid="toolbar-test-id">
+    const { asFragment } = render(
+      <Toolbar id="toolbar" usePageInsets>
         <ToolbarContent>{items}</ToolbarContent>
       </Toolbar>
     );
 
-    expect(screen.getByTestId('toolbar-test-id').outerHTML).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   it('should render with custom chip content', () => {
@@ -109,13 +108,12 @@ describe('Toolbar', () => {
       </React.Fragment>
     );
 
-    render(
+    const { asFragment } = render(
       <Toolbar
         id="toolbar-with-filter"
         className="pf-m-toggle-group-container"
         collapseListedFiltersBreakpoint="xl"
         customChipGroupContent={customChipGroupContent}
-        data-testid="toolbar-test-id"
       >
         <ToolbarContent>{items}</ToolbarContent>
       </Toolbar>
@@ -124,6 +122,6 @@ describe('Toolbar', () => {
     // Expecting 2 matches for text because the buttons also exist in hidden expandable content for mobile view
     expect(screen.getAllByRole('button', { name: 'Save filters' }).length).toBe(2);
     expect(screen.getAllByRole('button', { name: 'Clear all filters' }).length).toBe(2);
-    expect(screen.getByTestId('toolbar-test-id').outerHTML).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
 import { ToolbarItem } from '../ToolbarItem';
 
 describe('ToolbarItem', () => {
@@ -13,7 +13,7 @@ describe('ToolbarItem', () => {
       '2xl': '300px'
     };
 
-    render(<ToolbarItem widths={widths}>Test</ToolbarItem>);
-    expect(screen.getByText('Test').outerHTML).toMatchSnapshot();
+    const { asFragment } = render(<ToolbarItem widths={widths}>Test</ToolbarItem>);
+    expect(asFragment()).toMatchSnapshot();
   });
 });

package/src/components/Toolbar/__tests__/ToolbarToggleGroup.test.tsx

@@ -20,6 +20,6 @@ describe('ToolbarToggleGroup', () => {
       </ToolbarContentContext.Provider>
     );
 
-    expect(myMock).toBeCalled();
+    expect(myMock).toHaveBeenCalled();
   });
 });