@griddo/ax 12.3.0-beta.0 → 12.4.0

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

@@ -27,7 +27,7 @@ describe("ContextMenu component rendering", () => {
 	});
 
 	it("should render menu container when position is provided", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const props = {
 			position: { x: 100, y: 200 },
@@ -46,9 +46,9 @@ describe("ContextMenu component rendering", () => {
 
 	it("should render all provided options", () => {
 		const options: IActionMenuOption[] = [
-			{ label: "Edit", action: jest.fn(), icon: "edit" },
-			{ label: "Delete", action: jest.fn(), icon: "delete" },
-			{ label: "Duplicate", action: jest.fn(), icon: "duplicate" },
+			{ label: "Edit", action: vi.fn(), icon: "edit" },
+			{ label: "Delete", action: vi.fn(), icon: "delete" },
+			{ label: "Duplicate", action: vi.fn(), icon: "duplicate" },
 		];
 
 		const props = {
@@ -69,10 +69,10 @@ describe("ContextMenu component rendering", () => {
 
 	it("should handle null and undefined options in array", () => {
 		const options: (IActionMenuOption | undefined | null)[] = [
-			{ label: "Edit", action: jest.fn(), icon: "edit" },
+			{ label: "Edit", action: vi.fn(), icon: "edit" },
 			null,
 			undefined,
-			{ label: "Delete", action: jest.fn(), icon: "delete" },
+			{ label: "Delete", action: vi.fn(), icon: "delete" },
 		];
 
 		const props = {
@@ -93,7 +93,7 @@ describe("ContextMenu component rendering", () => {
 
 describe("ContextMenu component positioning", () => {
 	it("should apply correct position coordinates", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const props = {
 			position: { x: 150, y: 250 },
@@ -112,7 +112,7 @@ describe("ContextMenu component positioning", () => {
 	});
 
 	it("should adjust position when menu would overflow viewport right edge", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		// Position near right edge with large X coordinate
 		const props = {
@@ -131,7 +131,7 @@ describe("ContextMenu component positioning", () => {
 	});
 
 	it("should adjust position when menu would overflow viewport bottom edge", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		// Position near bottom edge with large Y coordinate
 		const props = {
@@ -152,7 +152,7 @@ describe("ContextMenu component positioning", () => {
 
 describe("ContextMenu component events", () => {
 	it("should call action when option is clicked", () => {
-		const actionSpy = jest.fn();
+		const actionSpy = vi.fn();
 		const options: IActionMenuOption[] = [{ label: "Edit", action: actionSpy, icon: "edit" }];
 
 		const props = {
@@ -173,8 +173,8 @@ describe("ContextMenu component events", () => {
 	});
 
 	it("should close menu and call onClose when option is clicked", () => {
-		const actionSpy = jest.fn();
-		const onCloseSpy = jest.fn();
+		const actionSpy = vi.fn();
+		const onCloseSpy = vi.fn();
 		const options: IActionMenuOption[] = [{ label: "Edit", action: actionSpy, icon: "edit" }];
 
 		const props = {
@@ -197,8 +197,8 @@ describe("ContextMenu component events", () => {
 	});
 
 	it("should call onClose when clicking outside the menu", () => {
-		const onCloseSpy = jest.fn();
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const onCloseSpy = vi.fn();
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const props = {
 			position: { x: 100, y: 200 },
@@ -220,8 +220,8 @@ describe("ContextMenu component events", () => {
 	});
 
 	it("should not call onClose when clicking inside the menu", () => {
-		const onCloseSpy = jest.fn();
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const onCloseSpy = vi.fn();
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const props = {
 			position: { x: 100, y: 200 },
@@ -244,9 +244,9 @@ describe("ContextMenu component events", () => {
 	});
 
 	it("should handle multiple actions independently", () => {
-		const editSpy = jest.fn();
-		const deleteSpy = jest.fn();
-		const onCloseSpy = jest.fn();
+		const editSpy = vi.fn();
+		const deleteSpy = vi.fn();
+		const onCloseSpy = vi.fn();
 		const options: IActionMenuOption[] = [
 			{ label: "Edit", action: editSpy, icon: "edit" },
 			{ label: "Delete", action: deleteSpy, icon: "delete" },
@@ -289,7 +289,7 @@ describe("ContextMenu component events", () => {
 
 describe("ContextMenu component state transitions", () => {
 	it("should hide menu when position changes to null", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const { rerender, container } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -309,7 +309,7 @@ describe("ContextMenu component state transitions", () => {
 	});
 
 	it("should reopen menu at new position", () => {
-		const options: IActionMenuOption[] = [{ label: "Edit", action: jest.fn(), icon: "edit" }];
+		const options: IActionMenuOption[] = [{ label: "Edit", action: vi.fn(), icon: "edit" }];
 
 		const { rerender } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -339,7 +339,7 @@ describe("ContextMenu component state transitions", () => {
 	it("should update options without closing menu", () => {
 		const { rerender } = render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
-				<ContextMenu position={{ x: 100, y: 200 }} options={[{ label: "Edit", action: jest.fn(), icon: "edit" }]} />
+				<ContextMenu position={{ x: 100, y: 200 }} options={[{ label: "Edit", action: vi.fn(), icon: "edit" }]} />
 			</ThemeProvider>,
 		);
 
@@ -350,8 +350,8 @@ describe("ContextMenu component state transitions", () => {
 				<ContextMenu
 					position={{ x: 100, y: 200 }}
 					options={[
-						{ label: "Edit", action: jest.fn(), icon: "edit" },
-						{ label: "Delete", action: jest.fn(), icon: "delete" },
+						{ label: "Edit", action: vi.fn(), icon: "edit" },
+						{ label: "Delete", action: vi.fn(), icon: "delete" },
 					]}
 				/>
 			</ThemeProvider>,

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

@@ -1,8 +1,9 @@
+import type { MockedFunction } from "vitest";
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
 import { render, cleanup, screen, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
@@ -12,10 +13,10 @@ import globalTheme from "@ax/themes/theme.json";
 afterEach(cleanup);
 
 const defaultProps = mock<IDragAndDropProps>();
-const onDropMock = defaultProps.onDrop as jest.MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
-const onDragOverMock = defaultProps.onDragOver as jest.MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
-const onDragEnterMock = defaultProps.onDragEnter as jest.MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
-const onDragLeaveMock = defaultProps.onDragLeave as jest.MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
+const onDropMock = defaultProps.onDrop as MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
+const onDragOverMock = defaultProps.onDragOver as MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
+const onDragEnterMock = defaultProps.onDragEnter as MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
+const onDragLeaveMock = defaultProps.onDragLeave as MockedFunction<(e: React.DragEvent<HTMLDivElement>) => void>;
 defaultProps.children = React.createElement("button", null, "back button");
 
 describe("ErrorCenter component rendering", () => {

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

@@ -2,7 +2,7 @@ import { ThemeProvider } from "styled-components";
 import { render, screen, cleanup } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import "@testing-library/jest-dom";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 import { parseTheme } from "@ax/helpers";
 

package/src/__tests__/components/EmptyState/EmptyState.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";
 import "@testing-library/jest-dom";
@@ -56,7 +56,7 @@ describe("EmptyState component rendering", () => {
 
 describe("EmptyState component events", () => {
 	it("should trigger the onClick", () => {
-		const actionFunc = jest.fn();
+		const actionFunc = vi.fn();
 		defaultProps.button = "A button";
 		defaultProps.action = actionFunc;
 

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

@@ -2,7 +2,7 @@ import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
 import { render, cleanup, screen, fireEvent } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import "@testing-library/jest-dom";
 
 import { parseTheme } from "@ax/helpers";
@@ -43,8 +43,8 @@ describe("ErrorCenter component rendering", () => {
 		errorItemProps.template = false;
 
 		const actionsMock = {
-			goToError: jest.fn(),
-			goToPackage: jest.fn(),
+			goToError: vi.fn(),
+			goToPackage: vi.fn(),
 		};
 
 		defaultProps.errors = [errorItemProps];
@@ -74,8 +74,8 @@ describe("ErrorCenter component rendering", () => {
 		errorItemProps.template = false;
 
 		const actionsMock = {
-			goToError: jest.fn(),
-			goToPackage: jest.fn(),
+			goToError: vi.fn(),
+			goToPackage: vi.fn(),
 		};
 
 		defaultProps.errors = [errorItemProps];
@@ -103,8 +103,8 @@ describe("ErrorCenter component rendering", () => {
 		errorItemProps.template = false;
 
 		const actionsMock = {
-			goToError: jest.fn(),
-			goToPackage: jest.fn(),
+			goToError: vi.fn(),
+			goToPackage: vi.fn(),
 		};
 
 		defaultProps.errors = [errorItemProps];
@@ -134,8 +134,8 @@ describe("ErrorCenter component trigger actions", () => {
 		errorItemProps.template = false;
 
 		const actionsMock = {
-			goToError: jest.fn(),
-			goToPackage: jest.fn(),
+			goToError: vi.fn(),
+			goToPackage: vi.fn(),
 		};
 
 		defaultProps.errors = [errorItemProps];
@@ -165,8 +165,8 @@ describe("ErrorCenter component trigger actions", () => {
 		errorItemProps.template = false;
 
 		const actionsMock = {
-			goToError: jest.fn(),
-			goToPackage: jest.fn(),
+			goToError: vi.fn(),
+			goToPackage: vi.fn(),
 		};
 
 		defaultProps.errors = [errorItemProps];

package/src/__tests__/components/FieldContainer/FieldContainer.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 } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";
@@ -22,7 +22,7 @@ describe("FieldContainer component rendering", () => {
 			hideable: true,
 			slugTo: "/",
 		};
-		defaultProps.updateValue = jest.fn();
+		defaultProps.updateValue = vi.fn();
 		defaultProps.selectedContent = { id: 1, component: "BasicCard" };
 		defaultProps.objKey = "id";
 
@@ -45,7 +45,7 @@ describe("FieldContainer component rendering", () => {
 			slugTo: "/",
 			whiteList: ["BasicCard", "CollectionCard"],
 		};
-		defaultProps.updateValue = jest.fn();
+		defaultProps.updateValue = vi.fn();
 		defaultProps.selectedContent = { id: 1 };
 
 		render(
@@ -66,7 +66,7 @@ describe("FieldContainer component rendering", () => {
 			hideable: true,
 			slugTo: "/",
 		};
-		defaultProps.updateValue = jest.fn();
+		defaultProps.updateValue = vi.fn();
 		defaultProps.selectedContent = { id: 1, value: null };
 		defaultProps.objKey = "value";
 

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

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom";
 import configureStore from "redux-mock-store";
 import { ThemeProvider } from "styled-components";
 
-import { render, cleanup } from "../../../../../config/jest/test-utils";
+import { render, cleanup } from "../../../../../config/tests/test-utils";
 
 import AnalyticsField from "@ax/components/Fields/AnalyticsField";
 import { parseTheme } from "@ax/helpers";
@@ -33,7 +33,7 @@ describe("AnalyticsField component rendering", () => {
 		const initialState = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMock,
 		};
 		const initialStore = {
@@ -69,7 +69,7 @@ describe("AnalyticsField component rendering", () => {
 		const initialState = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMock,
 		};
 		const initialStore = {

package/src/__tests__/components/Fields/AnalyticsField/PageAnalytics/PageAnalytics.test.tsx

@@ -28,7 +28,7 @@ describe("PageAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMock,
 		};
 
@@ -79,7 +79,7 @@ describe("PageAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMockFilled,
 		};
 
@@ -126,7 +126,7 @@ describe("PageAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMockFilled,
 		};
 
@@ -176,7 +176,7 @@ describe("PageAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMockFilled,
 		};
 

package/src/__tests__/components/Fields/AnalyticsField/StructuredDataAnalytics/StructuredDataAnalytics.test.tsx

@@ -27,7 +27,7 @@ describe("StructuredDataAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMock,
 		};
 
@@ -70,7 +70,7 @@ describe("StructuredDataAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMockFilled,
 		};
 
@@ -117,7 +117,7 @@ describe("StructuredDataAnalytics component rendering", () => {
 		const props = {
 			value: valuesMock,
 			template: "BasicTemplate",
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			analytics: analyticsMockFilled,
 		};
 

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

@@ -1,13 +1,14 @@
+import type { MockedFunction } from "vitest";
 import ArrayFieldGroup, { type IProps } from "@ax/components/Fields/ArrayFieldGroup";
 import FieldsBehavior from "@ax/components/FieldsBehavior";
 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 configureStore from "redux-mock-store";
 import { ThemeProvider } from "styled-components";
 
-import { act, cleanup, fireEvent, render, screen } from "../../../../../config/jest/test-utils";
+import { act, cleanup, fireEvent, render, screen } from "../../../../../config/tests/test-utils";
 
 afterEach(cleanup);
 
@@ -107,7 +108,7 @@ describe("ArrayFieldGroup component rendering", () => {
 describe("ArrayFieldGroup component events", () => {
 	it("should call onChange when clicking the add button", async () => {
 		const props = makeProps();
-		const onChangeMock = props.onChange as jest.MockedFunction<IProps["onChange"]>;
+		const onChangeMock = props.onChange as MockedFunction<IProps["onChange"]>;
 
 		await renderGroup(props);
 
@@ -117,7 +118,7 @@ describe("ArrayFieldGroup component events", () => {
 
 	it("should call onChange when deleting an inline item", async () => {
 		const props = makeProps({ arrayType: "inline", innerFields: [makeField()] });
-		const onChangeMock = props.onChange as jest.MockedFunction<IProps["onChange"]>;
+		const onChangeMock = props.onChange as MockedFunction<IProps["onChange"]>;
 
 		await renderGroup(props);
 
@@ -154,7 +155,7 @@ describe("ArrayFieldGroup maxItems constraint", () => {
 
 	it("should not call onChange when the add button is clicked at maxItems", async () => {
 		const props = makeProps({ value: sampleValue, maxItems: 1 });
-		const onChangeMock = props.onChange as jest.MockedFunction<IProps["onChange"]>;
+		const onChangeMock = props.onChange as MockedFunction<IProps["onChange"]>;
 
 		await renderGroup(props);
 

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

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import type React from "react";
 
 import type { IAsyncCheckGroup } from "@ax/components/Fields/AsyncCheckGroup";
@@ -8,13 +9,13 @@ import type { ILanguage, ISite } from "@ax/types";
 
 import { act, cleanup, fireEvent, render, screen } from "@testing-library/react";
 import axios from "axios";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { ThemeProvider } from "styled-components";
 
 afterEach(cleanup);
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
 
 const buildOkResponse = (data: any[]) => ({
 	data,
@@ -51,7 +52,7 @@ const flushPromises = () => new Promise((resolve) => setTimeout(resolve, 0));
 
 describe("AsyncCheckGroup component rendering", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 
 	it("should render the component with 6 options", async () => {
@@ -61,7 +62,7 @@ describe("AsyncCheckGroup component rendering", () => {
 		const defaultDataProps: IAsyncCheckGroup = {
 			site: defaultSite,
 			value: [{ value: 3622, name: "Home", title: "Home" }],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			source: "NEWS",
 			contentType: "data",
 		};
@@ -78,7 +79,7 @@ describe("AsyncCheckGroup component rendering", () => {
 	it("should render the component with no options", async () => {
 		const defaultProps: IAsyncCheckGroup = {
 			value: [],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			source: "NEWS",
 			contentType: "data",
 		};
@@ -101,7 +102,7 @@ describe("AsyncCheckGroup component rendering", () => {
 
 describe("AsyncCheckGroup - infinite render loop prevention", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 
 	it("should call the API only once across rerenders with unstable onChange and value references", async () => {
@@ -118,12 +119,12 @@ describe("AsyncCheckGroup - infinite render loop prevention", () => {
 
 		let rerender: (ui: React.ReactElement) => void = () => undefined;
 		await act(async () => {
-			({ rerender } = renderWithTheme({ ...baseProps, value: [], onChange: jest.fn() }));
+			({ rerender } = renderWithTheme({ ...baseProps, value: [], onChange: vi.fn() }));
 		});
 
 		for (let i = 0; i < 5; i++) {
 			await act(async () => {
-				rerenderWithTheme(rerender, { ...baseProps, value: [], onChange: jest.fn() });
+				rerenderWithTheme(rerender, { ...baseProps, value: [], onChange: vi.fn() });
 				await flushPromises();
 			});
 		}
@@ -134,7 +135,7 @@ describe("AsyncCheckGroup - infinite render loop prevention", () => {
 
 describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 
 	it("should refetch when source changes", async () => {
@@ -146,7 +147,7 @@ describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () =
 		const baseProps = {
 			site,
 			value: [],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			contentType: "data" as const,
 		};
 
@@ -175,7 +176,7 @@ describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () =
 
 		const baseProps = {
 			value: [],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			source: "NEWS",
 			contentType: "data" as const,
 		};
@@ -206,7 +207,7 @@ describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () =
 		const baseProps = {
 			site,
 			value: [],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			source: "NEWS",
 			contentType: "data" as const,
 			languages,
@@ -236,7 +237,7 @@ describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () =
 		const baseProps = {
 			site,
 			value: [],
-			onChange: jest.fn(),
+			onChange: vi.fn(),
 			source: "NEWS",
 			contentType: "data" as const,
 		};
@@ -259,14 +260,14 @@ describe("AsyncCheckGroup - refetch behavior on API-relevant prop changes", () =
 
 describe("AsyncCheckGroup - user interaction", () => {
 	afterEach(() => {
-		jest.resetAllMocks();
+		vi.resetAllMocks();
 	});
 
 	it("should call onChange when a checkbox is toggled", async () => {
 		const site = mock<ISite>();
 		site.id = 1;
 
-		const onChange = jest.fn();
+		const onChange = vi.fn();
 		const props: IAsyncCheckGroup = {
 			site,
 			value: [],
@@ -293,8 +294,8 @@ describe("AsyncCheckGroup - user interaction", () => {
 		const site = mock<ISite>();
 		site.id = 1;
 
-		const firstOnChange = jest.fn();
-		const secondOnChange = jest.fn();
+		const firstOnChange = vi.fn();
+		const secondOnChange = vi.fn();
 
 		const baseProps = {
 			site,

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

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import React from "react";
 import axios from "axios";
 import "@testing-library/jest-dom";
@@ -7,7 +8,7 @@ import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 import { render, screen, cleanup, act } from "@testing-library/react";
 import { ISite } from "@ax/types";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 
 afterEach(cleanup);
 
@@ -16,8 +17,8 @@ const defaultProps = mock<IAsyncSelectProps>();
 const defaultSite = mock<ISite>();
 defaultSite.id = 113;
 
-jest.mock("axios");
-const mockedAxios = axios as jest.MockedFunction<typeof axios>;
+vi.mock("axios");
+const mockedAxios = axios as MockedFunction<typeof axios>;
 
 describe("AsyncSelect component rendering", () => {
 	test("should render the component AsyncSelect", async () => {

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

@@ -1,5 +1,6 @@
+import type { MockedFunction } from "vitest";
 import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import { ThemeProvider } from "styled-components";
 import "@testing-library/jest-dom";
 
@@ -86,7 +87,7 @@ describe("Button component rendering", () => {
 	it("should trigger the onClick action", () => {
 		const props = createDefaultProps();
 		props.buttonStyle = "lineInverse";
-		const handleOnClickMock = props.onClick as jest.MockedFunction<(e: React.MouseEvent<HTMLButtonElement>) => void>;
+		const handleOnClickMock = props.onClick as MockedFunction<(e: React.MouseEvent<HTMLButtonElement>) => void>;
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<Button {...props} />
@@ -103,7 +104,7 @@ describe("Button component rendering", () => {
 		const props = createDefaultProps();
 		props.buttonStyle = "lineInverse";
 		props.disabled = true;
-		const handleOnClickMock = props.onClick as jest.MockedFunction<(e: React.MouseEvent<HTMLButtonElement>) => void>;
+		const handleOnClickMock = props.onClick as MockedFunction<(e: React.MouseEvent<HTMLButtonElement>) => void>;
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
 				<Button {...props} />