@griddo/ax 12.3.0-beta.0 → 12.4.0

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

@@ -18,7 +18,7 @@ const defaultProps = {
 	error: false,
 	disabled: false,
 	indeterminate: false,
-	onChange: jest.fn(),
+	onChange: vi.fn(),
 	icon: "",
 };
 
@@ -48,7 +48,7 @@ describe("CheckField component rendering", () => {
 			error: false,
 			disabled: false,
 			indeterminate: false,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			icon: "",
 		};
 
@@ -77,7 +77,7 @@ describe("CheckField component rendering", () => {
 			error: false,
 			disabled: false,
 			indeterminate: true,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			icon: "",
 		};
 
@@ -108,7 +108,7 @@ describe("CheckField component rendering", () => {
 			error: false,
 			disabled: false,
 			indeterminate: false,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			icon: "icon",
 		};
 
@@ -126,7 +126,7 @@ describe("CheckField component rendering", () => {
 
 describe("CheckField events", () => {
 	it("should call the onchange", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			name: "name",

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

@@ -15,7 +15,7 @@ afterEach(cleanup);
 const defaultProps = {
 	value: "",
 	options: [],
-	onChange: jest.fn(),
+	onChange: vi.fn(),
 };
 
 const user = userEvent.setup();
@@ -45,7 +45,7 @@ describe("CheckField component rendering", () => {
 		const props = {
 			value: "",
 			options: checkFieldOptions,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 		};
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -71,7 +71,7 @@ describe("CheckField component rendering", () => {
 		const props = {
 			value: undefined,
 			options: checkFieldOptions,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 		};
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -97,7 +97,7 @@ describe("CheckField component rendering", () => {
 		const props = {
 			value: null,
 			options: checkFieldOptions,
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 		};
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -122,7 +122,7 @@ describe("CheckField events", () => {
 				value: 2,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: "",
@@ -157,7 +157,7 @@ describe("CheckField events", () => {
 				value: 2,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: "",
@@ -194,7 +194,7 @@ describe("CheckField events", () => {
 				value: 3,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: [],
@@ -237,7 +237,7 @@ describe("CheckField events", () => {
 				value: 4,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: [],
@@ -284,7 +284,7 @@ describe("CheckField events", () => {
 				value: 4,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: [],
@@ -331,7 +331,7 @@ describe("CheckField events", () => {
 				value: 4,
 			},
 		];
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const props = {
 			value: ["novalid"],

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

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import "@testing-library/jest-dom";
 import ColorPicker, { IProps } from "@ax/components/Fields/ColorPicker";
@@ -5,7 +6,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);
 
@@ -46,7 +47,7 @@ describe("ColorPicker events", () => {
 		defaultProps.theme = parseTheme(globalTheme);
 		defaultProps.colors = ["#000000", "#d9e3f0", "#f47373", "#697689"];
 		defaultProps.isThemePalette = false;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(newColor: string) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(newColor: string) => void>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -66,7 +67,7 @@ describe("ColorPicker events", () => {
 	test("should trigger the onChange", () => {
 		defaultProps.value = "#000000";
 		defaultProps.theme = parseTheme(globalTheme);
-		const handleValidationMock = defaultProps.handleValidation as jest.MockedFunction<
+		const handleValidationMock = defaultProps.handleValidation as MockedFunction<
 			(value: string, validators: Record<string, unknown>) => void
 		>;
 		defaultProps.error = true;
@@ -85,7 +86,7 @@ describe("ColorPicker events", () => {
 		defaultProps.value = "#000000";
 		defaultProps.theme = parseTheme(globalTheme);
 		defaultProps.error = true;
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(newColor: string) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(newColor: string) => void>;
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<ColorPicker {...defaultProps} />
@@ -106,7 +107,7 @@ describe("ColorPicker events", () => {
 		defaultProps.theme = parseTheme(globalTheme);
 		defaultProps.error = true;
 		defaultProps.colors = ["#fff", "#000"];
-		const onChangeMock = defaultProps.onChange as jest.MockedFunction<(newColor: string) => void>;
+		const onChangeMock = defaultProps.onChange as MockedFunction<(newColor: string) => void>;
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<ColorPicker {...defaultProps} />
@@ -171,7 +172,7 @@ describe("ColorPicker events", () => {
 	test("should trigger the handleOnBlur", async () => {
 		defaultProps.value = "#000000";
 		defaultProps.theme = parseTheme(globalTheme);
-		const handleValidationMock = defaultProps.handleValidation as jest.MockedFunction<
+		const handleValidationMock = defaultProps.handleValidation as MockedFunction<
 			(value: string, validators: Record<string, unknown>) => void
 		>;
 

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

@@ -7,7 +7,7 @@ import { IModule } from "@ax/types";
 import { ISameComponentArrayProps } from "@ax/components/Fields/ComponentArray/SameComponentArray";
 import { IMixableComponentArrayProps } from "@ax/components/Fields/ComponentArray/MixableComponentArray";
 import { render, screen, cleanup } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
@@ -148,8 +148,8 @@ describe("ComponentArraySelector component rendering", () => {
 		sameProps.disabled = false;
 		sameProps.maxItems = 10;
 		sameProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
 		};
 
 		render(

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/MixableComponentArray.test.tsx

@@ -7,7 +7,7 @@ import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
@@ -64,16 +64,16 @@ describe("ComponentArraySelector component rendering", () => {
 		mixableProps.disabled = false;
 		mixableProps.maxItems = 10;
 		mixableProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			replaceElementsInCollectionAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			moveModuleAction: jest.fn(),
-			pasteModuleAction: jest.fn(),
-			setNotificationAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			replaceElementsInCollectionAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			moveModuleAction: vi.fn(),
+			pasteModuleAction: vi.fn(),
+			setNotificationAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 
 		render(
@@ -98,10 +98,10 @@ describe("ComponentArraySelector component rendering", () => {
     mixableProps.disabled = false;
     mixableProps.maxItems = 1;
     mixableProps.actions = {
-      addModuleAction: jest.fn(),
-      addComponentAction: jest.fn(),
-      deleteModuleAction: jest.fn(),
-      replaceElementsInCollectionAction: jest.fn(),
+      addModuleAction: vi.fn(),
+      addComponentAction: vi.fn(),
+      deleteModuleAction: vi.fn(),
+      replaceElementsInCollectionAction: vi.fn(),
     };
     mixableProps.whiteList = ["BasicContent", "CardCollection"];
 
@@ -135,16 +135,16 @@ describe("ComponentArraySelector component rendering", () => {
 		mixableProps.disabled = false;
 		mixableProps.maxItems = 10;
 		mixableProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			replaceElementsInCollectionAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			moveModuleAction: jest.fn(),
-			pasteModuleAction: jest.fn(),
-			setNotificationAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			replaceElementsInCollectionAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			moveModuleAction: vi.fn(),
+			pasteModuleAction: vi.fn(),
+			setNotificationAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 		mixableProps.template = { component: "BasicTemplate" };
 		mixableProps.availableDataPacks = [
@@ -267,16 +267,16 @@ describe("ComponentArraySelector component events trigger", () => {
 		mixableProps.disabled = false;
 		mixableProps.maxItems = 10;
 		mixableProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			replaceElementsInCollectionAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			moveModuleAction: jest.fn(),
-			pasteModuleAction: jest.fn(),
-			setNotificationAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			replaceElementsInCollectionAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			moveModuleAction: vi.fn(),
+			pasteModuleAction: vi.fn(),
+			setNotificationAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 
 		render(
@@ -305,16 +305,16 @@ describe("ComponentArraySelector component events trigger", () => {
 		mixableProps.whiteList = ["Module1"];
 		mixableProps.moduleCopy = null;
 		mixableProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
-			deleteModuleAction: jest.fn(),
-			replaceElementsInCollectionAction: jest.fn(),
-			duplicateModuleAction: jest.fn(),
-			copyModuleAction: jest.fn(),
-			moveModuleAction: jest.fn(),
-			pasteModuleAction: jest.fn(),
-			setNotificationAction: jest.fn(),
-			replaceModuleAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
+			deleteModuleAction: vi.fn(),
+			replaceElementsInCollectionAction: vi.fn(),
+			duplicateModuleAction: vi.fn(),
+			copyModuleAction: vi.fn(),
+			moveModuleAction: vi.fn(),
+			pasteModuleAction: vi.fn(),
+			setNotificationAction: vi.fn(),
+			replaceModuleAction: vi.fn(),
 		};
 
 		render(

package/src/__tests__/components/Fields/ComponentArray/MixableComponentArray/PasteModuleButton/PasteModuleButton.test.tsx

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import * as React from "react";
 import PasteModuleButton, { IPasteModuleProps } from "@ax/components/Fields/ComponentArray/PasteModuleButton";
 import { ThemeProvider } from "styled-components";
@@ -6,12 +7,12 @@ import "@testing-library/jest-dom";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule, INotification } from "@ax/types";
 import { render, screen, cleanup, fireEvent, act } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
-jest.mock("react-router-dom", () => ({
-	...jest.requireActual("react-router-dom"),
+vi.mock("react-router-dom", async () => ({
+	...(await vi.importActual("react-router-dom")),
 	useLocation: () => ({
 		pathname: "localhost:3000/example/path",
 	}),
@@ -19,17 +20,17 @@ jest.mock("react-router-dom", () => ({
 
 const defaultProps = mock<IPasteModuleProps>();
 
-const mockedFunction = defaultProps.pasteModule as jest.MockedFunction<
+const mockedFunction = defaultProps.pasteModule as MockedFunction<
 	(editorID: number, key: string, modulesToPaste: IModule[]) => Promise<{ error?: INotification }>
 >;
-const mockedNotification = defaultProps.setNotification as jest.MockedFunction<(notification: INotification) => void>;
+const mockedNotification = defaultProps.setNotification as MockedFunction<(notification: INotification) => void>;
 defaultProps.editorID = 1;
 defaultProps.modulesToPaste = [{ editorID: 1, component: "BasicContent" }];
 
 describe("ComponentArraySelector component rendering", () => {
 	test("should render the component", async () => {
 		defaultProps.isModuleCopyUnavailable = true;
-		defaultProps.setHistoryPush = jest.fn();
+		defaultProps.setHistoryPush = vi.fn();
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<PasteModuleButton {...defaultProps} />

package/src/__tests__/components/Fields/ComponentArray/SameComponentArray/SameComponentArray.test.tsx

@@ -5,7 +5,7 @@ import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { IModule } from "@ax/types";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
@@ -138,8 +138,8 @@ describe("ComponentArraySelector component rendering", () => {
 		sameProps.disabled = false;
 		sameProps.maxItems = 10;
 		sameProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
 		};
 
 		render(
@@ -163,8 +163,8 @@ describe("ComponentArraySelector component events trigger", () => {
 		sameProps.disabled = false;
 		sameProps.maxItems = 10;
 		sameProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
 		};
 
 		render(
@@ -189,8 +189,8 @@ describe("ComponentArraySelector component events trigger", () => {
 		otherSameModule.modules = [];
 		sameProps.value = [sameModule, otherSameModule];
 		sameProps.actions = {
-			addModuleAction: jest.fn(),
-			addComponentAction: jest.fn(),
+			addModuleAction: vi.fn(),
+			addComponentAction: vi.fn(),
 		};
 
 		render(

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