@griddo/ax 12.3.0 → 12.5.0

package/src/__tests__/components/Fields/IntegrationsField/IntegrationsField.test.tsx

@@ -1,14 +1,15 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import "@testing-library/jest-dom";
 import configureStore from "redux-mock-store";
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import axios from "axios";
 import thunk from "redux-thunk";
 import { Router } from "react-router-dom";
 import { history } from "@ax/routes";
 
-import { render, cleanup, act, screen, fireEvent } from "../../../../../config/jest/test-utils";
+import { render, cleanup, act, screen, fireEvent } from "../../../../../config/tests/test-utils";
 
 import IntegrationsField, { IIntegrationsFieldProps } from "@ax/components/Fields/IntegrationsField";
 import { parseTheme } from "@ax/helpers";
@@ -19,31 +20,39 @@ afterEach(cleanup);
 const middlewares: any = [thunk];
 const mockStore = configureStore(middlewares);
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
-
-const defaultProps = mock<IIntegrationsFieldProps>();
-defaultProps.site = {
-	id: 86,
-	name: "Site 1",
-	theme: "default-theme",
-	author: "",
-	pages: [],
-	updated: true,
-	home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
-	isPublished: false,
-	bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
-	favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
-	published: "2021-11-03T10:42:32.000Z",
-	smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
-	thumbnail: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_7",
-	timezone: "Pacific/Pago_Pago",
-	lastAccess: "2022-09-05T07:34:19.000Z",
-	navigationModules: null,
-	defaultLanguage: 1,
-	path: "",
-	domain: 1,
-};
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
+
+// Antes había un `mock<IIntegrationsFieldProps>()` de módulo con el `site` puesto que todos los
+// tests mutaban para fijar su `value`. Ahora cada uno construye los suyos.
+const makeProps = (overrides: Partial<IIntegrationsFieldProps> = {}): IIntegrationsFieldProps =>
+	Object.assign(
+		mock<IIntegrationsFieldProps>(),
+		{
+			site: {
+				id: 86,
+				name: "Site 1",
+				theme: "default-theme",
+				author: "",
+				pages: [],
+				updated: true,
+				home: "//cx.dev.griddo.io/pre-griddo/componentfolder",
+				isPublished: false,
+				bigAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_10",
+				favicon: "https://images.dev.griddo.io/by-themascot-1920_2",
+				published: "2021-11-03T10:42:32.000Z",
+				smallAvatar: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_9",
+				thumbnail: "http://images.dev.griddo.io/griddo-site-thumbnail-ec2ab0ba-9424-4424-8f60-222ec746902d_7",
+				timezone: "Pacific/Pago_Pago",
+				lastAccess: "2022-09-05T07:34:19.000Z",
+				navigationModules: null,
+				defaultLanguage: 1,
+				path: "",
+				domain: 1,
+			},
+		},
+		overrides,
+	);
 
 const initialStore = {
 	dataPacks: { activated: [] },
@@ -192,8 +201,6 @@ const initialStore = {
 
 describe("IntegrationsField component rendering", () => {
 	test("should render the component IntegrationsField", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [];
 		const store = mockStore(initialStore);
 
 		const data = {
@@ -208,7 +215,7 @@ describe("IntegrationsField component rendering", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} />
+					<IntegrationsField {...makeProps({ value: [] })} />
 				</ThemeProvider>,
 				{ store },
 			);
@@ -218,8 +225,6 @@ describe("IntegrationsField component rendering", () => {
 	});
 
 	test("should render the component IntegrationsField with integrations", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [...initialStore.integrations.integrations];
 		const store = mockStore(initialStore);
 
 		const data = {
@@ -234,7 +239,7 @@ describe("IntegrationsField component rendering", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} />
+					<IntegrationsField {...makeProps({ value: [...initialStore.integrations.integrations] })} />
 				</ThemeProvider>,
 				{ store },
 			);
@@ -244,8 +249,6 @@ describe("IntegrationsField component rendering", () => {
 	});
 
 	test("should render the component IntegrationsField with custom code integration", async () => {
-		const initialState = { ...defaultProps };
-
 		const customOption = {
 			name: "",
 			contentHead: "",
@@ -254,7 +257,6 @@ describe("IntegrationsField component rendering", () => {
 			contentPresence: { presenceType: "page-manual", relatedPages: null },
 		};
 
-		defaultProps.value = [...initialStore.integrations.integrations, customOption];
 		const store = mockStore(initialStore);
 
 		const data = {
@@ -269,7 +271,7 @@ describe("IntegrationsField component rendering", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} />
+					<IntegrationsField {...makeProps({ value: [...initialStore.integrations.integrations, customOption] })} />
 				</ThemeProvider>,
 				{ store },
 			);
@@ -281,10 +283,8 @@ describe("IntegrationsField component rendering", () => {
 
 describe("Events", () => {
 	test("should delete a integration", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [...initialStore.integrations.integrations];
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -298,7 +298,10 @@ describe("Events", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} onChange={onChange} />
+					<IntegrationsField
+						{...makeProps({ value: [...initialStore.integrations.integrations] })}
+						onChange={onChange}
+					/>
 				</ThemeProvider>,
 				{ store },
 			);
@@ -320,10 +323,8 @@ describe("Events", () => {
 	});
 
 	test("should add an integration", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [];
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -337,7 +338,7 @@ describe("Events", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} onChange={onChange} />
+					<IntegrationsField {...makeProps({ value: [] })} onChange={onChange} />
 				</ThemeProvider>,
 				{ store },
 			);
@@ -355,10 +356,8 @@ describe("Events", () => {
 	});
 
 	test("should add an custom code integration", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [];
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -372,7 +371,7 @@ describe("Events", () => {
 		await act(async () => {
 			render(
 				<ThemeProvider theme={parseTheme(globalTheme)}>
-					<IntegrationsField {...{ ...initialState, ...defaultProps }} onChange={onChange} />
+					<IntegrationsField {...makeProps({ value: [] })} onChange={onChange} />
 				</ThemeProvider>,
 				{ store },
 			);
@@ -397,10 +396,11 @@ describe("Events", () => {
 	});
 
 	test("should paste a custom code integration", async () => {
-		const initialState = { ...defaultProps };
-		defaultProps.value = [];
-		const _initialStore: any = { ...initialStore };
-		_initialStore.integrations.integrationCopy = {
+		// `{ ...initialStore }` es una copia superficial: `integrations` seguía
+		// siendo el mismo objeto, así que escribir `integrationCopy` dentro dejaba
+		// el botón de pegar visible en todos los tests posteriores y su
+		// `getByTestId("icon-action-component")` encontraba dos botones.
+		const integrationCopy = {
 			date: new Date(),
 			integration: {
 				id: 29,
@@ -417,8 +417,11 @@ describe("Events", () => {
 				active: true,
 			},
 		};
-		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const store = mockStore({
+			...initialStore,
+			integrations: { ...initialStore.integrations, integrationCopy },
+		});
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -433,7 +436,7 @@ describe("Events", () => {
 			render(
 				<Router history={history}>
 					<ThemeProvider theme={parseTheme(globalTheme)}>
-						<IntegrationsField {...{ ...initialState, ...defaultProps }} onChange={onChange} />
+						<IntegrationsField {...makeProps({ value: [] })} onChange={onChange} />
 					</ThemeProvider>
 				</Router>,
 				{ store },
@@ -443,6 +446,6 @@ describe("Events", () => {
 		const iconActionComponents = screen.getAllByTestId("icon-action-component");
 		fireEvent.click(iconActionComponents[0]);
 
-		expect(onChange).toHaveBeenLastCalledWith([_initialStore.integrations.integrationCopy.integration]);
+		expect(onChange).toHaveBeenLastCalledWith([integrationCopy.integration]);
 	});
 });

package/src/__tests__/components/Fields/MultiCheckSelect/MultiCheckSelect.test.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import MultiCheckSelect, { IMultiCheckSelectProps } from "@ax/components/Fields/MultiCheckSelect";

package/src/__tests__/components/Fields/MultiCheckSelectGroup/MultiCheckSelectGroup.test.tsx

@@ -1,17 +1,18 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import Axios from "axios";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { act } from "react-dom/test-utils";
 import MultiCheckSelectGroup, { IMultiCheckSelectGroupProps } from "@ax/components/Fields/MultiCheckSelectGroup";
 
 afterEach(cleanup);
 
-jest.mock("axios");
-const mockedAxios = Axios as jest.MockedFunction<typeof Axios>;
+vi.mock("axios");
+const mockedAxios = Axios as MockedFunction<typeof Axios>;
 
 const defaultProps = mock<IMultiCheckSelectGroupProps>();
 
@@ -49,11 +50,11 @@ describe("MultiCheckSelectGroup component rendering", () => {
 
 describe("onChange events", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 
 	it("should call onChange", async () => {
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 		defaultProps.value = {};
 		defaultProps.note = "lorem ipsum";
 		defaultProps.elements = [
@@ -119,7 +120,7 @@ describe("onChange events", () => {
 	});
 
 	/*it("should call onChange with empty object", async () => {
-    const onChange = jest.fn();
+    const onChange = vi.fn();
     defaultProps.value = {};
     defaultProps.note = "lorem ipsum";
     defaultProps.elements = [

package/src/__tests__/components/Fields/NoteField/NoteField.test.tsx

@@ -4,18 +4,21 @@ import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
-const defaultProps = mock<INoteFieldProps>();
-defaultProps.value = { text: "This is the text" };
+// `value` se construye por test: el último escribía `value.title` sobre el
+// objeto compartido, así que "should not render title" fallaba en cuanto se
+// ejecutaba después de él.
+const makeProps = (value: INoteFieldProps["value"] = { text: "This is the text" }): INoteFieldProps =>
+	Object.assign(mock<INoteFieldProps>(), { value });
 
 describe("NoteField component rendering", () => {
 	it("should render the component", () => {
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NoteField {...defaultProps} />
+				<NoteField {...makeProps()} />
 			</ThemeProvider>,
 		);
 
@@ -27,7 +30,7 @@ describe("NoteField component rendering", () => {
 	it("should render text value", () => {
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NoteField {...defaultProps} />
+				<NoteField {...makeProps()} />
 			</ThemeProvider>,
 		);
 
@@ -37,7 +40,7 @@ describe("NoteField component rendering", () => {
 	it("should not render title", () => {
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NoteField {...defaultProps} />
+				<NoteField {...makeProps()} />
 			</ThemeProvider>,
 		);
 
@@ -47,11 +50,9 @@ describe("NoteField component rendering", () => {
 	});
 
 	it("should render title", () => {
-		defaultProps.value.title = "Super title";
-
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NoteField {...defaultProps} />
+				<NoteField {...makeProps({ text: "This is the text", title: "Super title" })} />
 			</ThemeProvider>,
 		);
 

package/src/__tests__/components/Fields/NumberField/NumberField.test.tsx

@@ -3,20 +3,21 @@ import NumberField, { INumberFieldProps } from "@ax/components/Fields/NumberFiel
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 
 afterEach(cleanup);
 
-const defaultProps = mock<INumberFieldProps>();
+const makeProps = (overrides: Partial<INumberFieldProps> = {}): INumberFieldProps =>
+	Object.assign(mock<INumberFieldProps>(), overrides);
 const user = userEvent.setup();
 
 describe("NumberField component rendering", () => {
 	it("should render the component", () => {
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} />
+				<NumberField {...makeProps()} />
 			</ThemeProvider>,
 		);
 
@@ -28,11 +29,11 @@ describe("NumberField component rendering", () => {
 
 describe("onClick events", () => {
 	it("should call onChange when clicking arrow up", () => {
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} onChange={onChange} />
+				<NumberField {...makeProps()} onChange={onChange} />
 			</ThemeProvider>,
 		);
 
@@ -42,13 +43,11 @@ describe("onClick events", () => {
 	});
 
 	it("should call onChange when clicking arrow down", () => {
-		defaultProps.value = 2;
-		defaultProps.min = 1;
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} onChange={onChange} />
+				<NumberField {...makeProps({ value: 2, min: 1 })} onChange={onChange} />
 			</ThemeProvider>,
 		);
 
@@ -62,12 +61,12 @@ describe("onClick events", () => {
 
 describe("onBlur events", () => {
 	it("should call handleValidation on blur", () => {
-		const handleValidation = jest.fn();
-		const onBlur = jest.fn();
+		const handleValidation = vi.fn();
+		const onBlur = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} handleValidation={handleValidation} onBlur={onBlur} />
+				<NumberField {...makeProps()} handleValidation={handleValidation} onBlur={onBlur} />
 			</ThemeProvider>,
 		);
 
@@ -79,14 +78,12 @@ describe("onBlur events", () => {
 
 describe("onChange events", () => {
 	it("should call onChange on change", () => {
-		defaultProps.max = 7;
-		defaultProps.error = true;
-		const onChange = jest.fn();
-		const handleValidation = jest.fn();
+		const onChange = vi.fn();
+		const handleValidation = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} onChange={onChange} handleValidation={handleValidation} />
+				<NumberField {...makeProps({ max: 7, error: true })} onChange={onChange} handleValidation={handleValidation} />
 			</ThemeProvider>,
 		);
 
@@ -97,12 +94,11 @@ describe("onChange events", () => {
 	});
 
 	it("should call onChange with undefined", async () => {
-		defaultProps.value = undefined;
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<NumberField {...defaultProps} onChange={onChange} />
+				<NumberField {...makeProps({ value: undefined })} onChange={onChange} />
 			</ThemeProvider>,
 		);
 

package/src/__tests__/components/Fields/RadioField/RadioField.test.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
@@ -81,7 +81,7 @@ describe("onClick events", () => {
 
 	it("should call onChange function", () => {
 		defaultProps.checked = false;
-		defaultProps.onChange = jest.fn();
+		defaultProps.onChange = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

package/src/__tests__/components/Fields/ReferenceField/ReferenceField.test.tsx

@@ -1,15 +1,16 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import axios from "axios";
 import "@testing-library/jest-dom";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import configureStore from "redux-mock-store";
 
 import ReferenceField, { IReferenceFieldProps } from "@ax/components/Fields/ReferenceField/index";
 import globalTheme from "@ax/themes/theme.json";
 
-import { render, cleanup, screen, act, fireEvent } from "../../../../../config/jest/test-utils";
+import { render, cleanup, screen, act, fireEvent } from "../../../../../config/tests/test-utils";
 import {
 	articlesDistributorResponse,
 	storiesDistributorResponse,
@@ -22,7 +23,7 @@ import { structuredDataMock, sitesMock, appMock } from "../../../../__mocks__/st
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 });
 
 const defaultProps = mock<IReferenceFieldProps>();
@@ -38,8 +39,8 @@ const initialStore = {
 const mockStore = configureStore();
 const store = mockStore(initialStore);
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
 const mockApiCalls = () =>
 	mockedAxios.mockImplementation((request: any) => {
 		switch (request.url) {
@@ -62,7 +63,7 @@ describe("ReferenceField component rendering", () => {
 			order: "alpha-DESC",
 		};
 		defaultProps.selectionType = ["auto"];
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 		const initialState = { ...initialStore, ...defaultProps };
 
 		mockApiCalls();
@@ -140,7 +141,7 @@ describe("ReferenceField component rendering", () => {
 			fixed: [],
 		};
 		const initialState = { ...initialStore, ...defaultProps };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		mockedAxios.mockImplementation((request: any) => {
 			switch (request.url) {
@@ -197,7 +198,7 @@ describe("onChange events", () => {
 			quantity: 1,
 		};
 		const initialState = { ...initialStore, ...defaultProps };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		mockedAxios.mockImplementation((request: any) => {
 			switch (request.url) {
@@ -267,7 +268,7 @@ describe("onChange events", () => {
 			fixed: [4492, 4493],
 		};
 		const initialState = { ...initialStore, ...defaultProps };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		mockApiCalls();
 
@@ -320,7 +321,7 @@ describe("onChange events", () => {
 		};
 		defaultProps.maxItems = 3;
 		const initialState = { ...initialStore, ...defaultProps };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		mockApiCalls();
 
@@ -388,7 +389,7 @@ describe("onChange events", () => {
 			],
 		};
 		const initialState = { ...initialStore, ...defaultProps };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		mockedAxios.mockImplementation((request: any) => {
 			switch (request.url) {
@@ -445,7 +446,7 @@ describe("onChange events", () => {
       fixed: [4492, 4493],
     };
     const initialState = { ...initialStore, ...defaultProps };
-    const onChange = jest.fn();
+    const onChange = vi.fn();
 
   //   mockApiCalls();
 
@@ -480,7 +481,7 @@ describe("onChange events", () => {
       fixed: [4492, 4493],
     };
     const initialState = { ...initialStore, ...defaultProps };
-    const onChange = jest.fn();
+    const onChange = vi.fn();
 
     mockApiCalls();
 
@@ -509,7 +510,7 @@ describe("onChange events", () => {
       fixed: [4492, 4493],
     };
     const initialState = { ...initialStore, ...defaultProps };
-    const onChange = jest.fn();
+    const onChange = vi.fn();
 
     mockApiCalls();
 
@@ -565,7 +566,7 @@ describe("onChange events", () => {
       fixed: [4492, 4493],
     };
     const initialState = { ...initialStore, ...defaultProps };
-    const onChange = jest.fn();
+    const onChange = vi.fn();
 
     mockApiCalls();
 
@@ -594,7 +595,7 @@ describe("onChange events", () => {
       fixed: [],
     };
     const initialState = { ...initialStore, ...defaultProps };
-    const onChange = jest.fn();
+    const onChange = vi.fn();
 
     mockApiCalls();
 

package/src/__tests__/components/Fields/RichText/RichText.test.tsx

@@ -3,7 +3,7 @@ import RichText, { IRichTextProps } from "@ax/components/Fields/RichText";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";
 
 afterEach(cleanup);

package/src/__tests__/components/Fields/Select/Select.test.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);