Test(web-react): Use Jest's automock functionality to share useIcon m…

…ock between tests

packages/web-react/src/components/Accordion/__tests__/AccordionHeader.test.tsx

@@ -1,11 +1,11 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import AccordionHeader from '../AccordionHeader';
 import AccordionItem from '../AccordionItem';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('AccordionHeader', () => {
   classNamePrefixProviderTest(AccordionHeader, 'Accordion__itemHeader');

packages/web-react/src/components/Accordion/__tests__/AccordionItem.test.tsx

@@ -1,13 +1,13 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import Accordion from '../Accordion';
 import AccordionContent from '../AccordionContent';
 import AccordionHeader from '../AccordionHeader';
 import AccordionItem from '../AccordionItem';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('AccordionItem', () => {
   classNamePrefixProviderTest(AccordionItem, 'Accordion__item');

packages/web-react/src/components/Accordion/__tests__/UncontrolledAccordion.test.tsx

@@ -1,13 +1,13 @@
 import '@testing-library/jest-dom';
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import AccordionContent from '../AccordionContent';
 import AccordionHeader from '../AccordionHeader';
 import AccordionItem from '../AccordionItem';
 import UncontrolledAccordion from '../UncontrolledAccordion';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('UncontrolledAccordion', () => {
   classNamePrefixProviderTest(UncontrolledAccordion, 'Accordion');

packages/web-react/src/components/Alert/__tests__/Alert.test.tsx

@@ -1,16 +1,10 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import {
-  useIconMock,
-  classNamePrefixProviderTest,
-  emotionColorPropsTest,
-  restPropsTest,
-  stylePropsTest,
-} from '@local/tests';
+import { classNamePrefixProviderTest, emotionColorPropsTest, restPropsTest, stylePropsTest } from '@local/tests';
 import Alert from '../Alert';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Alert', () => {
   classNamePrefixProviderTest(Alert, 'Alert');

packages/web-react/src/components/Breadcrumbs/__tests__/Breadcrumbs.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import Breadcrumbs from '../Breadcrumbs';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Breadcrumbs', () => {
   classNamePrefixProviderTest(Breadcrumbs, 'Breadcrumbs');

packages/web-react/src/components/Breadcrumbs/__tests__/BreadcrumbsItem.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import BreadcrumbsItem from '../BreadcrumbsItem';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('BreadcrumbsItem', () => {
   classNamePrefixProviderTest(BreadcrumbsItem, 'd-none');

packages/web-react/src/components/Button/__tests__/Button.test.tsx

@@ -2,7 +2,6 @@ import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
 import {
-  useIconMock,
   classNamePrefixProviderTest,
   actionButtonColorPropsTest,
   emotionColorPropsTest,
@@ -13,7 +12,7 @@ import {
 } from '@local/tests';
 import Button from '../Button';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Button', () => {
   classNamePrefixProviderTest(Button, 'Button');

packages/web-react/src/components/ButtonLink/__tests__/ButtonLink.test.tsx

@@ -13,7 +13,7 @@ import {
 } from '@local/tests';
 import ButtonLink from '../ButtonLink';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('ButtonLink', () => {
   classNamePrefixProviderTest(ButtonLink, 'Button');

packages/web-react/src/components/Dropdown/__tests__/DropdownTrigger.test.tsx

@@ -1,11 +1,11 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, restPropsTest, stylePropsTest } from '@local/tests';
+import { restPropsTest, stylePropsTest } from '@local/tests';
 import { Button } from '../../Button';
 import DropdownTrigger from '../DropdownTrigger';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('DropdownTrigger', () => {
   stylePropsTest((props) => <DropdownTrigger elementType={Button} {...props} />);

packages/web-react/src/components/FileUploader/__tests__/FileUploader.test.tsx

@@ -1,9 +1,9 @@
 import '@testing-library/jest-dom';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import FileUploader from '../FileUploader';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('FileUploader', () => {
   classNamePrefixProviderTest(FileUploader, 'FileUploader');

packages/web-react/src/components/FileUploader/__tests__/FileUploaderInput.test.tsx

@@ -1,11 +1,11 @@
 import { render, screen } from '@testing-library/react';
 import React from 'react';
 import { renderToString } from 'react-dom/server';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, validationTextPropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, validationTextPropsTest } from '@local/tests';
 import FileUploaderInput from '../FileUploaderInput';
 import '@testing-library/jest-dom';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('FileUploaderInput', () => {
   classNamePrefixProviderTest(FileUploaderInput, 'FileUploaderInput');

packages/web-react/src/components/FileUploader/__tests__/FileUploaderList.test.tsx

@@ -5,7 +5,7 @@ import { SpiritFileUploaderAttachmentProps } from '../../../types';
 import FileUploader from '../FileUploader';
 import FileUploaderList from '../FileUploaderList';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('FileUploaderList', () => {
   const props = {

packages/web-react/src/components/Header/__tests__/HeaderDialogCloseButton.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import HeaderDialogCloseButton from '../HeaderDialogCloseButton';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('HeaderDialogCloseButton', () => {
   classNamePrefixProviderTest(HeaderDialogCloseButton, 'HeaderDialogCloseButton');

packages/web-react/src/components/Header/__tests__/HeaderMobileActions.test.tsx

@@ -1,11 +1,11 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import { HEADER_MENU_TOGGLE_LABEL_DEFAULT } from '../constants';
 import HeaderMobileActions from '../HeaderMobileActions';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('HeaderMobileActions', () => {
   classNamePrefixProviderTest(HeaderMobileActions, 'HeaderMobileActions');

packages/web-react/src/components/Icon/__tests__/Icon.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, restPropsTest, stylePropsTest } from '@local/tests';
+import { restPropsTest, stylePropsTest } from '@local/tests';
 import Icon from '../Icon';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Icon', () => {
   const AddIcon = (props: Record<string, unknown>) => <Icon {...props} name="add" data-testid="test-icon" />;

packages/web-react/src/components/Item/__tests__/Item.test.tsx

@@ -1,11 +1,11 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, restPropsTest, stylePropsTest } from '@local/tests';
+import { restPropsTest, stylePropsTest } from '@local/tests';
 import { SpiritItemProps } from '../../../types';
 import Item from '../Item';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Item', () => {
   stylePropsTest(Item);

packages/web-react/src/components/Modal/__tests__/ModalCloseButton.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import ModalCloseButton from '../ModalCloseButton';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('ModalCloseButton', () => {
   classNamePrefixProviderTest(ModalCloseButton, 'Button');

packages/web-react/src/components/Modal/__tests__/ModalHeader.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import ModalHeader from '../ModalHeader';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('ModalHeader', () => {
   classNamePrefixProviderTest(ModalHeader, 'ModalHeader');

packages/web-react/src/components/Pagination/__tests__/PaginationButtonLink.test.tsx

@@ -1,8 +1,8 @@
 import '@testing-library/jest-dom';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import PaginationButtonLink from '../PaginationButtonLink';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('PaginationButtonLink', () => {
   classNamePrefixProviderTest(PaginationButtonLink, 'Button');

packages/web-react/src/components/Pagination/__tests__/PaginationLinkNext.test.tsx

@@ -1,8 +1,8 @@
 import '@testing-library/jest-dom';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import PaginationLinkNext from '../PaginationLinkNext';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('PaginationLinkNext', () => {
   classNamePrefixProviderTest(PaginationLinkNext, 'Button');

packages/web-react/src/components/Pagination/__tests__/PaginationLinkPrevious.test.tsx

@@ -1,8 +1,8 @@
 import '@testing-library/jest-dom';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import PaginationLinkPrevious from '../PaginationLinkPrevious';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('PaginationLinkPrevious', () => {
   classNamePrefixProviderTest(PaginationLinkPrevious, 'Button');

packages/web-react/src/components/Pagination/__tests__/UncontrolledPagination.test.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { useIconMock } from '@local/tests';
 import UncontrolledPagination from '../UncontrolledPagination';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('UncontrolledPagination', () => {
   const onPageChange = jest.fn();

packages/web-react/src/components/Select/__tests__/Select.test.tsx

@@ -12,7 +12,7 @@ import {
 } from '@local/tests';
 import Select from '../Select';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Select', () => {
   classNamePrefixProviderTest(Select, 'Select');

packages/web-react/src/components/Spinner/__tests__/Spinner.test.tsx

@@ -10,7 +10,7 @@ import {
 } from '@local/tests';
 import Spinner from '../Spinner';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('Spinner', () => {
   classNamePrefixProviderTest(Spinner, 'animation-spin-clockwise');

packages/web-react/src/components/TextField/__tests__/TextField.test.tsx

@@ -2,7 +2,6 @@ import '@testing-library/jest-dom';
 import { fireEvent, render, screen } from '@testing-library/react';
 import React from 'react';
 import {
-  useIconMock,
   classNamePrefixProviderTest,
   validationStatePropsTest,
   restPropsTest,
@@ -12,7 +11,7 @@ import {
 import { TextFieldType } from '../../../types';
 import TextField from '../TextField';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('TextField', () => {
   describe.each(['text', 'password', 'email'])('input type %s', (type) => {

packages/web-react/src/components/Toast/__tests__/ToastBar.test.tsx

@@ -1,10 +1,10 @@
 import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import React from 'react';
-import { useIconMock, classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
+import { classNamePrefixProviderTest, restPropsTest, stylePropsTest } from '@local/tests';
 import ToastBar from '../ToastBar';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('ToastBar', () => {
   classNamePrefixProviderTest((props) => <ToastBar {...props} id="test" />, 'ToastBar');

packages/web-react/src/components/Toast/__tests__/UncontrolledToast.test.tsx

@@ -6,7 +6,7 @@ import { ToastLinkProps } from '../../../types';
 import { ToastContext } from '../ToastContext';
 import UncontrolledToast from '../UncontrolledToast';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 const defaultToast = {
   id: 'test-id',

packages/web-react/src/components/UNSTABLE_Avatar/__tests__/UNSTABLE_Avatar.test.tsx

@@ -11,7 +11,7 @@ import {
 import { Icon } from '../../Icon';
 import UNSTABLE_Avatar from '../UNSTABLE_Avatar';
 
-jest.mock('../../../hooks', () => useIconMock);
+jest.mock('../../../hooks/useIcon');
 
 describe('UNSTABLE_Avatar', () => {
   classNamePrefixProviderTest(UNSTABLE_Avatar, 'UNSTABLE_Avatar');

packages/web-react/src/hooks/__mocks__/useIcon.ts

@@ -0,0 +1 @@
+export const useIcon = jest.fn(() => '');

packages/web-react/tests/index.ts

@@ -1,3 +1,2 @@
 export * from './providerTests';
 export * from './testUtils';
-export * from './mocks';