@griddo/ax 12.3.0 → 12.4.0

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

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
@@ -14,7 +14,7 @@ const defaultProps = mock<IComponentContainerProps>();
 
 describe("ComponentContainer component rendering", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 	test("should render the ComponentContainer", () => {
 		defaultProps.text = "texto";
@@ -44,13 +44,13 @@ describe("ComponentContainer component rendering", () => {
 		defaultProps.arrayLength = 10;
 		defaultProps.theme = "default";
 		defaultProps.value = {};
-		defaultProps.actionReplace = jest.fn();
+		defaultProps.actionReplace = vi.fn();
 		defaultProps.actions = {
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		defaultProps.canDuplicate = true;
 		defaultProps.canReplace = true;
@@ -130,13 +130,13 @@ describe("ComponentContainer component rendering", () => {
 		defaultProps.arrayLength = 10;
 		defaultProps.theme = "default";
 		defaultProps.value = {};
-		defaultProps.actionReplace = jest.fn();
+		defaultProps.actionReplace = vi.fn();
 		defaultProps.actions = {
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		defaultProps.canDuplicate = true;
 		defaultProps.canReplace = true;
@@ -173,11 +173,11 @@ describe("ComponentContainer component rendering", () => {
 			parentEditorID: 4,
 		};
 		defaultProps.actions = {
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		defaultProps.parentKey = "title";
 		defaultProps.objKey = "content";
@@ -286,13 +286,13 @@ describe("ComponentContainer component rendering", () => {
 			image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
 			video: { component: "Video", editorID: 3, parentEditorID: 1 },
 		};
-		defaultProps.actionReplace = jest.fn();
+		defaultProps.actionReplace = vi.fn();
 		defaultProps.actions = {
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		defaultProps.canDuplicate = true;
 		defaultProps.canReplace = true;
@@ -322,13 +322,13 @@ describe("ComponentContainer component rendering", () => {
 			image: { component: "LinkableImage", editorID: 2, parentEditorID: 1 },
 			video: { component: "Video", editorID: 3, parentEditorID: 1 },
 		};
-		defaultProps.actionReplace = jest.fn();
+		defaultProps.actionReplace = vi.fn();
 		defaultProps.actions = {
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		defaultProps.canDuplicate = true;
 		defaultProps.canReplace = true;
@@ -367,13 +367,13 @@ test("should render the FloatingMenu with options when click Component Container
 			url: "",
 		},
 	};
-	defaultProps.actionReplace = jest.fn();
+	defaultProps.actionReplace = vi.fn();
 	defaultProps.actions = {
-		addComponentAction: jest.fn(),
-		deleteModuleAction: jest.fn(),
-		duplicateModuleAction: jest.fn(),
-		copyModuleAction: jest.fn(),
-		replaceModuleAction: jest.fn(),
+		addComponentAction: vi.fn(),
+		deleteModuleAction: vi.fn(),
+		duplicateModuleAction: vi.fn(),
+		copyModuleAction: vi.fn(),
+		replaceModuleAction: vi.fn(),
 	};
 	defaultProps.canDuplicate = true;
 	defaultProps.canReplace = true;
@@ -413,13 +413,13 @@ test("should render the SideModal with options when click the replace action", a
 			url: "",
 		},
 	};
-	defaultProps.actionReplace = jest.fn();
+	defaultProps.actionReplace = vi.fn();
 	defaultProps.actions = {
-		addComponentAction: jest.fn(),
-		deleteModuleAction: jest.fn(),
-		duplicateModuleAction: jest.fn(),
-		copyModuleAction: jest.fn(),
-		replaceModuleAction: jest.fn(),
+		addComponentAction: vi.fn(),
+		deleteModuleAction: vi.fn(),
+		duplicateModuleAction: vi.fn(),
+		copyModuleAction: vi.fn(),
+		replaceModuleAction: vi.fn(),
 	};
 	defaultProps.canDuplicate = true;
 	defaultProps.canReplace = true;
@@ -467,13 +467,13 @@ test("should not render the drag handle if arrays length is lower than two", asy
 			url: "",
 		},
 	};
-	defaultProps.actionReplace = jest.fn();
+	defaultProps.actionReplace = vi.fn();
 	defaultProps.actions = {
-		addComponentAction: jest.fn(),
-		deleteModuleAction: jest.fn(),
-		duplicateModuleAction: jest.fn(),
-		copyModuleAction: jest.fn(),
-		replaceModuleAction: jest.fn(),
+		addComponentAction: vi.fn(),
+		deleteModuleAction: vi.fn(),
+		duplicateModuleAction: vi.fn(),
+		copyModuleAction: vi.fn(),
+		replaceModuleAction: vi.fn(),
 	};
 	defaultProps.canDuplicate = true;
 	defaultProps.canReplace = true;
@@ -506,13 +506,13 @@ test("should render the drag handle if arrays length is greater than two", async
 			url: "",
 		},
 	};
-	defaultProps.actionReplace = jest.fn();
+	defaultProps.actionReplace = vi.fn();
 	defaultProps.actions = {
-		addComponentAction: jest.fn(),
-		deleteModuleAction: jest.fn(),
-		duplicateModuleAction: jest.fn(),
-		copyModuleAction: jest.fn(),
-		replaceModuleAction: jest.fn(),
+		addComponentAction: vi.fn(),
+		deleteModuleAction: vi.fn(),
+		duplicateModuleAction: vi.fn(),
+		copyModuleAction: vi.fn(),
+		replaceModuleAction: vi.fn(),
 	};
 	defaultProps.canDuplicate = true;
 	defaultProps.canReplace = true;

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

@@ -3,7 +3,7 @@ import ConditionalField from "@ax/components/Fields/ConditionalField";
 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";
 import FieldsBehavior from "@ax/components/FieldsBehavior";
 

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

@@ -1,7 +1,8 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import "@testing-library/jest-dom";
 import { ThemeProvider } from "styled-components";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { render, screen, cleanup } from "@testing-library/react";
 
 import DateField, { IDateFieldProps } from "@ax/components/Fields/DateField";
@@ -16,7 +17,7 @@ describe("DateField component rendering", () => {
 	it("should render the component", () => {
 		defaultProps.value = "values";
 		defaultProps.mandatory = true;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: any) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(value: any) => void>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -32,7 +33,7 @@ describe("DateField component rendering", () => {
 		defaultProps.mandatory = false;
 		defaultProps.futureDate = false;
 		defaultProps.pastDate = true;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: any) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(value: any) => void>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -48,7 +49,7 @@ describe("DateField component rendering", () => {
 		defaultProps.futureDate = true;
 		defaultProps.pastDate = false;
 		defaultProps.mandatory = false;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: any) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(value: any) => void>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -62,7 +63,7 @@ describe("DateField component rendering", () => {
 	it("should render the component receiving a range date", () => {
 		defaultProps.value = "01/01/2022 - 10/01/2022";
 		defaultProps.mandatory = false;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: any) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(value: any) => void>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

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

@@ -42,9 +42,9 @@ describe("FieldGroup component rendering", () => {
 			collapsed: false,
 		};
 
-		const setStateMock = jest.fn();
+		const setStateMock = vi.fn();
 		const useStateMock: any = (useState: string) => [useState, setStateMock];
-		jest.spyOn(React, "useState").mockImplementation(useStateMock);
+		vi.spyOn(React, "useState").mockImplementation(useStateMock);
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

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

@@ -2,8 +2,8 @@ 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 { render, screen, cleanup } from "../../../../../config/jest/test-utils";
+import { mock } from "vitest-mock-extended";
+import { render, screen, cleanup } from "../../../../../config/tests/test-utils";
 import FileField, { IFileFieldProps } from "@ax/components/Fields/FileField";
 import { act } from "react-dom/test-utils";
 import thunk from "redux-thunk";
@@ -118,7 +118,7 @@ describe("onClick events", () => {
 
 		const { rerender } = render(Component, { store });
 
-		const spyWindowOpen = jest.spyOn(window, "open");
+		const spyWindowOpen = vi.spyOn(window, "open");
 
 		const urlButton = screen.getAllByTestId("icon-action-component");
 		act(() => urlButton[0].click());
@@ -137,7 +137,7 @@ describe("onClick events", () => {
 
 	it("should call onChange when clicking the delete action", () => {
 		defaultProps.value = { url: "google.es", uploadDate: "1/1/2022", sizeBytes: "123" };
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const Component = (
 			<ThemeProvider theme={parseTheme(globalTheme)}>

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

@@ -13,7 +13,7 @@ const defaultProps = {
 		tag: "",
 	},
 	title: "",
-	onChange: jest.fn(),
+	onChange: vi.fn(),
 	options: [
 		{
 			value: "",
@@ -43,7 +43,7 @@ describe("HeadingField component rendering", () => {
 				tag: "tagValue",
 			},
 			title: "Title",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			options: [
 				{
 					value: "value1",

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

@@ -3,7 +3,7 @@ import HiddenField, { IHiddenFieldProps } from "@ax/components/Fields/HiddenFiel
 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";
 
 afterEach(cleanup);
@@ -40,7 +40,7 @@ describe("Component rendering", () => {
 describe("onClick events", () => {
 	it("should call showField with multiple options when clicking the component", () => {
 		defaultProps.hasMultipleOptions = true;
-		const showField = jest.fn();
+		const showField = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -55,7 +55,7 @@ describe("onClick events", () => {
 
 	it("should call showField with single option when clicking the component", () => {
 		defaultProps.hasMultipleOptions = false;
-		const showField = jest.fn();
+		const showField = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

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

@@ -1,12 +1,13 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import axios from "axios";
 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 thunk from "redux-thunk";
 
-import { render, screen, cleanup, fireEvent, act } from "../../../../../config/jest/test-utils";
+import { render, screen, cleanup, fireEvent, act } from "../../../../../config/tests/test-utils";
 
 import ImageField, { IImageFieldProps } from "@ax/components/Fields/ImageField";
 import { parseTheme } from "@ax/helpers";
@@ -17,8 +18,8 @@ afterEach(() => {
 	cleanup();
 });
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
 
 const data = {
 	data: [],
@@ -325,7 +326,7 @@ describe("ImageField triggers", () => {
 				folderId: null,
 			},
 		};
-		const setIsGalleryMock = defaultProps.setIsGalleryOpened as jest.MockedFunction<() => void>;
+		const setIsGalleryMock = defaultProps.setIsGalleryOpened as MockedFunction<() => void>;
 		defaultProps.disabled = false;
 
 		render(
@@ -391,7 +392,7 @@ describe("ImageField triggers", () => {
 				folderId: null,
 			},
 		};
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(value: any) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(value: any) => void>;
 		defaultProps.disabled = false;
 		const { rerender } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -465,7 +466,7 @@ describe("ImageField triggers", () => {
 				folderId: null,
 			},
 		};
-		const setIsGalleryMock = defaultProps.setIsGalleryOpened as jest.MockedFunction<() => void>;
+		const setIsGalleryMock = defaultProps.setIsGalleryOpened as MockedFunction<() => void>;
 		defaultProps.disabled = false;
 		const { rerender } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>

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,8 +20,8 @@ afterEach(cleanup);
 const middlewares: any = [thunk];
 const mockStore = configureStore(middlewares);
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
 
 const defaultProps = mock<IIntegrationsFieldProps>();
 defaultProps.site = {
@@ -284,7 +285,7 @@ describe("Events", () => {
 		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 },
@@ -323,7 +324,7 @@ describe("Events", () => {
 		const initialState = { ...defaultProps };
 		defaultProps.value = [];
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -358,7 +359,7 @@ describe("Events", () => {
 		const initialState = { ...defaultProps };
 		defaultProps.value = [];
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },
@@ -418,7 +419,7 @@ describe("Events", () => {
 			},
 		};
 		const store = mockStore(initialStore);
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 
 		const data = {
 			data: { ...initialStore.integrations },

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

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

@@ -3,7 +3,7 @@ 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";
 
@@ -28,7 +28,7 @@ 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)}>
@@ -44,7 +44,7 @@ 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)}>
@@ -62,8 +62,8 @@ 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)}>
@@ -81,8 +81,8 @@ 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)}>
@@ -98,7 +98,7 @@ 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)}>

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