@griddo/ax 12.3.0 → 12.5.0

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(