@griddo/ax 12.3.0-beta.0 → 12.4.0

package/src/__tests__/components/Fields/Wysiwyg/Wysiwyg.helpers.test.tsx

@@ -8,7 +8,7 @@ import {
 } from "@ax/components/Fields/Wysiwyg/helpers";
 
 // Mock the config module
-jest.mock("components", () => ({
+vi.mock("components", () => ({
 	config: {
 		schemas: {
 			config: {
@@ -239,7 +239,7 @@ describe("Wysiwyg helpers", () => {
 
 		it("should calculate position based on editor element bounds", () => {
 			// Mock getBoundingClientRect
-			editorEl.getBoundingClientRect = jest.fn(() => ({
+			editorEl.getBoundingClientRect = vi.fn(() => ({
 				left: 100,
 				top: 200,
 				width: 400,
@@ -267,7 +267,7 @@ describe("Wysiwyg helpers", () => {
 		});
 
 		it("should center popup horizontally in editor", () => {
-			editorEl.getBoundingClientRect = jest.fn(() => ({
+			editorEl.getBoundingClientRect = vi.fn(() => ({
 				left: 0,
 				top: 0,
 				width: 1000,
@@ -285,7 +285,7 @@ describe("Wysiwyg helpers", () => {
 		});
 
 		it("should position popup 50px below editor top", () => {
-			editorEl.getBoundingClientRect = jest.fn(() => ({
+			editorEl.getBoundingClientRect = vi.fn(() => ({
 				left: 0,
 				top: 100,
 				width: 500,
@@ -309,7 +309,7 @@ describe("Wysiwyg helpers", () => {
 
 		beforeEach(() => {
 			editorEl = document.createElement("div");
-			editorEl.getBoundingClientRect = jest.fn(() => ({
+			editorEl.getBoundingClientRect = vi.fn(() => ({
 				left: 0,
 				top: 0,
 				width: 400,
@@ -323,10 +323,10 @@ describe("Wysiwyg helpers", () => {
 
 			mockEditor = {
 				popups: {
-					create: jest.fn(),
-					onHide: jest.fn(),
-					show: jest.fn(),
-					hide: jest.fn(),
+					create: vi.fn(),
+					onHide: vi.fn(),
+					show: vi.fn(),
+					hide: vi.fn(),
 				},
 			};
 		});
@@ -377,18 +377,17 @@ describe("Wysiwyg helpers", () => {
 			);
 		});
 
-		it("showErrorPopup should hide error popup after 3 seconds", (done) => {
-			jest.useFakeTimers();
+		it("showErrorPopup should hide error popup after 3 seconds", () => {
+			vi.useFakeTimers();
 			const { showErrorPopup } = createPopupFunctions(mockEditor, editorEl);
 
 			showErrorPopup();
 
-			jest.advanceTimersByTime(3000);
+			vi.advanceTimersByTime(3000);
 
 			expect(mockEditor.popups.hide).toHaveBeenCalledWith("image.uploadError");
 
-			jest.useRealTimers();
-			done();
+			vi.useRealTimers();
 		});
 
 		it("showPopup should pass correct position arguments to show method", () => {

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

@@ -7,27 +7,27 @@ import globalTheme from "@ax/themes/theme.json";
 import configureStore from "redux-mock-store";
 import { ThemeProvider } from "styled-components";
 
-import { cleanup, render, screen } from "../../../../../config/jest/test-utils";
+import { cleanup, render, screen } from "../../../../../config/tests/test-utils";
 
-jest.mock("react-froala-wysiwyg", () => {
-	return function MockFroalaEditor(props: any) {
+vi.mock("react-froala-wysiwyg", () => ({
+	default: function MockFroalaEditor(props: any) {
 		const editorElRef = React.useRef<HTMLDivElement>(null);
 
 		React.useEffect(() => {
 			if (props.config?.events?.initialized && editorElRef.current) {
 				const mockEditor = {
-					$el: { get: jest.fn(() => editorElRef.current!) },
+					$el: { get: vi.fn(() => editorElRef.current!) },
 					el: editorElRef.current,
-					edit: { on: jest.fn(), off: jest.fn() },
-					link: { insert: jest.fn() },
-					image: { insert: jest.fn(), get: jest.fn(() => null) },
-					html: { get: jest.fn(() => props.model) },
-					selection: { save: jest.fn(), restore: jest.fn() },
+					edit: { on: vi.fn(), off: vi.fn() },
+					link: { insert: vi.fn() },
+					image: { insert: vi.fn(), get: vi.fn(() => null) },
+					html: { get: vi.fn(() => props.model) },
+					selection: { save: vi.fn(), restore: vi.fn() },
 					popups: {
-						create: jest.fn(),
-						onHide: jest.fn(),
-						show: jest.fn(),
-						hide: jest.fn(),
+						create: vi.fn(),
+						onHide: vi.fn(),
+						show: vi.fn(),
+						hide: vi.fn(),
 					},
 				};
 				props.config.events.initialized.call(mockEditor);
@@ -44,12 +44,12 @@ jest.mock("react-froala-wysiwyg", () => {
 				/>
 			</div>
 		);
-	};
-});
+	},
+}));
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 	delete (window as any).__froalaEditorInstance;
 });
 
@@ -65,9 +65,9 @@ const mockStore = configureStore();
 const store = mockStore(initialStore);
 
 const createMockProps = (overrides?: Partial<IWysiwygProps>): IWysiwygProps => {
-	const mockUploadImage = jest.fn().mockResolvedValue(null);
-	const mockOnChange = jest.fn();
-	const mockHandleValidation = jest.fn();
+	const mockUploadImage = vi.fn().mockResolvedValue(null);
+	const mockOnChange = vi.fn();
+	const mockHandleValidation = vi.fn();
 
 	return {
 		value: "",
@@ -172,7 +172,7 @@ describe("Wysiwyg component rendering", () => {
 
 describe("Wysiwyg file handling", () => {
 	it("should call onChange when content changes", async () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const props = createMockProps({ value: "Initial text", onChange: mockOnChange });
 
 		render(
@@ -187,7 +187,7 @@ describe("Wysiwyg file handling", () => {
 	});
 
 	it("should insert file with correct URL and fileName", async () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const props = createMockProps({ value: "", onChange: mockOnChange });
 
 		render(
@@ -279,7 +279,7 @@ describe("Wysiwyg editor interactions", () => {
 
 describe("Wysiwyg file and image handling", () => {
 	it("should insert file link with correct URL and fileName", () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const props = createMockProps({ value: "", onChange: mockOnChange });
 
 		render(
@@ -389,7 +389,7 @@ describe("Wysiwyg file and image handling", () => {
 
 describe("Wysiwyg handlers", () => {
 	it("handleChange: onChange should be called when editor content changes", () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const newContent = "<p>Updated content</p>";
 		const props = createMockProps({
 			value: "Initial",
@@ -412,7 +412,7 @@ describe("Wysiwyg handlers", () => {
 	});
 
 	it("handleChange: handleValidation should be called on change", () => {
-		const mockHandleValidation = jest.fn();
+		const mockHandleValidation = vi.fn();
 		const props = createMockProps({
 			value: "initial",
 			handleValidation: mockHandleValidation,
@@ -590,7 +590,7 @@ describe("Wysiwyg handlers", () => {
 	});
 
 	it("should handle drop event preparation", () => {
-		const mockUploadImage = jest.fn().mockResolvedValue({
+		const mockUploadImage = vi.fn().mockResolvedValue({
 			url: "http://example.com/uploaded.jpg",
 			alt: "",
 		});
@@ -707,7 +707,7 @@ describe("Wysiwyg handlers", () => {
 
 describe("Wysiwyg handleChange - empty paragraph filtering", () => {
 	it("should track last value in lastValueRef to detect real changes", () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const initialValue = "<p>Content</p>";
 		const props = createMockProps({
 			value: initialValue,
@@ -728,7 +728,7 @@ describe("Wysiwyg handleChange - empty paragraph filtering", () => {
 	});
 
 	it("should include validation callback in handleChange logic", () => {
-		const mockHandleValidation = jest.fn();
+		const mockHandleValidation = vi.fn();
 		const props = createMockProps({
 			value: "initial",
 			handleValidation: mockHandleValidation,
@@ -749,7 +749,7 @@ describe("Wysiwyg handleChange - empty paragraph filtering", () => {
 
 describe("Wysiwyg handleInsertLink - image link support", () => {
 	it("should support isImageLink flag in linkData", () => {
-		const mockOnChange = jest.fn();
+		const mockOnChange = vi.fn();
 		const props = createMockProps({
 			value: "",
 			onChange: mockOnChange,

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

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import "@testing-library/jest-dom";
 
 import FieldsBehavior from "@ax/components/FieldsBehavior";
@@ -9,24 +10,24 @@ import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/re
 import { ThemeProvider } from "styled-components";
 
 // Mock dependencies
-jest.mock("@ax/forms", () => ({
-	getValidity: jest.fn(),
+vi.mock("@ax/forms", async () => ({
+	getValidity: vi.fn(),
 }));
-jest.mock("@ax/helpers", () => ({
-	...jest.requireActual("@ax/helpers"),
-	getFieldByPath: jest.fn(() => () => <div data-testid="mock-field" />),
-	isEmptyContainer: jest.fn(() => ({ isEmpty: false })),
-	slugify: jest.fn((text: string) => (text || "").toLowerCase().replace(/\s+/g, "-")),
+vi.mock("@ax/helpers", async () => ({
+	...(await vi.importActual("@ax/helpers")),
+	getFieldByPath: vi.fn(() => () => <div data-testid="mock-field" />),
+	isEmptyContainer: vi.fn(() => ({ isEmpty: false })),
+	slugify: vi.fn((text: string) => (text || "").toLowerCase().replace(/\s+/g, "-")),
 }));
 
-const mockGetValidity = getValidity as jest.MockedFunction<typeof getValidity>;
-const _mockGetFieldByPath = getFieldByPath as jest.MockedFunction<typeof getFieldByPath>;
-const mockIsEmptyContainer = isEmptyContainer as jest.MockedFunction<typeof isEmptyContainer>;
-const mockSlugify = slugify as jest.MockedFunction<typeof slugify>;
+const mockGetValidity = getValidity as MockedFunction<typeof getValidity>;
+const _mockGetFieldByPath = getFieldByPath as MockedFunction<typeof getFieldByPath>;
+const mockIsEmptyContainer = isEmptyContainer as MockedFunction<typeof isEmptyContainer>;
+const mockSlugify = slugify as MockedFunction<typeof slugify>;
 
 afterEach(() => {
 	cleanup();
-	jest.clearAllMocks();
+	vi.clearAllMocks();
 });
 
 // Default mock setup for getValidity
@@ -209,7 +210,7 @@ describe("FieldsBehavior validation", () => {
 	});
 
 	it("should validate on error prop change", () => {
-		const deleteError = jest.fn();
+		const deleteError = vi.fn();
 		const error = {
 			type: "validation",
 			message: "Required",
@@ -326,7 +327,7 @@ describe("FieldsBehavior slug synchronization", () => {
 	});
 
 	it("should have correct sync behavior for page slug", () => {
-		const updateValue = jest.fn();
+		const updateValue = vi.fn();
 		mockSlugify.mockReturnValue("new-title");
 
 		const props = {

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

@@ -1,3 +1,4 @@
+import type { MockedFunction } from "vitest";
 import { useRef } from "react";
 
 import { ThemeProvider } from "styled-components";
@@ -8,16 +9,16 @@ import "@testing-library/jest-dom";
 import FloatingMenu, { type IFloatingProps } from "@ax/components/FloatingMenu";
 import globalTheme from "@ax/themes/theme.json";
 
-jest.mock("react", () => {
-	const originReact = jest.requireActual("react");
-	const mUseRef = jest.fn();
+vi.mock("react", async () => {
+	const originReact = await vi.importActual("react");
+	const mUseRef = vi.fn();
 	return {
 		...originReact,
 		useRef: mUseRef,
 	};
 });
 
-const useMockRef = useRef as jest.MockedFunction<typeof useRef>;
+const useMockRef = useRef as MockedFunction<typeof useRef>;
 
 afterEach(cleanup);
 beforeEach(() => {
@@ -75,7 +76,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -86,7 +87,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -97,7 +98,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -155,7 +156,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -166,7 +167,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -177,7 +178,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -205,7 +206,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(false);
+					vi.spyOn(_current, "contains").mockReturnValue(false);
 				}
 				this._current = _current;
 			},
@@ -245,7 +246,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -256,7 +257,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -267,7 +268,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -295,7 +296,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -306,7 +307,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -317,7 +318,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -385,7 +386,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -396,7 +397,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -407,7 +408,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -435,7 +436,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -446,7 +447,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -457,7 +458,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -532,7 +533,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -543,7 +544,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -554,7 +555,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -601,7 +602,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -612,7 +613,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(buttonRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -623,7 +624,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(menuOptionsRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -675,7 +676,7 @@ describe("FloatingMenu component rendering", () => {
 		Object.defineProperty(wrapperRef, "current", {
 			set(_current) {
 				if (_current) {
-					jest.spyOn(_current, "contains").mockReturnValue(true);
+					vi.spyOn(_current, "contains").mockReturnValue(true);
 				}
 				this._current = _current;
 			},
@@ -687,7 +688,7 @@ describe("FloatingMenu component rendering", () => {
 			set(_current) {
 				if (_current) {
 					// true for button click (open), false for option click
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true).mockReturnValueOnce(false);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true).mockReturnValueOnce(false);
 				}
 				this._current = _current;
 			},
@@ -699,7 +700,7 @@ describe("FloatingMenu component rendering", () => {
 			set(_current) {
 				if (_current) {
 					// true when clicking menu-children (optionWasSelected)
-					jest.spyOn(_current, "contains").mockReturnValueOnce(true);
+					vi.spyOn(_current, "contains").mockReturnValueOnce(true);
 				}
 				this._current = _current;
 			},
@@ -778,7 +779,7 @@ describe("FloatingMenu component rendering", () => {
 	});
 
 	it("should call actionOnClose when clicking outside", () => {
-		const actionOnClose = jest.fn();
+		const actionOnClose = vi.fn();
 		const buttonContent = () => <span>trigger</span>;
 
 		const defaultProps: IFloatingProps = {
@@ -806,7 +807,7 @@ describe("FloatingMenu component rendering", () => {
 	});
 
 	it("should call actionOnClose when closing via button toggle", () => {
-		const actionOnClose = jest.fn();
+		const actionOnClose = vi.fn();
 		const buttonContent = () => <span>trigger</span>;
 
 		const defaultProps: IFloatingProps = {
@@ -833,7 +834,7 @@ describe("FloatingMenu component rendering", () => {
 	});
 
 	it("should call actionOnClose when closing via mouseLeave", () => {
-		const actionOnClose = jest.fn();
+		const actionOnClose = vi.fn();
 		const buttonContent = () => <span>trigger</span>;
 
 		const defaultProps: IFloatingProps = {

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

@@ -17,8 +17,8 @@ describe("FloatingPanel component rendering", () => {
 			isOpenedSecond: false,
 			children: false,
 			title: "title",
-			toggleModal: jest.fn(),
-			handlePanel: jest.fn(),
+			toggleModal: vi.fn(),
+			handlePanel: vi.fn(),
 			secondary: true,
 		};
 
@@ -38,8 +38,8 @@ describe("FloatingPanel component rendering", () => {
 			isOpenedSecond: false,
 			children: false,
 			title: "title",
-			toggleModal: jest.fn(),
-			handlePanel: jest.fn(),
+			toggleModal: vi.fn(),
+			handlePanel: vi.fn(),
 			secondary: true,
 			closeOnOutsideClick: false,
 		};
@@ -59,8 +59,8 @@ describe("FloatingPanel component rendering", () => {
 
 describe("FloatingPanel component events trigger", () => {
 	it("should trigger the handleOnClick", () => {
-		const handlePanelMock = jest.fn();
-		const toggleModalMock = jest.fn();
+		const handlePanelMock = vi.fn();
+		const toggleModalMock = vi.fn();
 		const defaultProps: IFloatingPanelProps = {
 			isOpen: true,
 			isOpenedSecond: false,
@@ -88,8 +88,8 @@ describe("FloatingPanel component events trigger", () => {
 	});
 
 	it("should trigger the handleClickOutside and trigger handlePanel", () => {
-		const handlePanelMock = jest.fn();
-		const toggleModalMock = jest.fn();
+		const handlePanelMock = vi.fn();
+		const toggleModalMock = vi.fn();
 		const defaultProps: IFloatingPanelProps = {
 			isOpen: true,
 			isOpenedSecond: false,
@@ -118,8 +118,8 @@ describe("FloatingPanel component events trigger", () => {
 	});
 
 	it("should trigger the handleClickOutside and not trigger handlePanel", () => {
-		const handlePanelMock = jest.fn();
-		const toggleModalMock = jest.fn();
+		const handlePanelMock = vi.fn();
+		const toggleModalMock = vi.fn();
 		const defaultProps: IFloatingPanelProps = {
 			isOpen: true,
 			isOpenedSecond: false,

package/src/__tests__/components/GuardModal/GuardModal.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, cleanup, screen } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
 import "@testing-library/jest-dom";