@griddo/ax 12.3.0 → 12.4.0

package/src/__tests__/components/TableFilters/NameFilter/NameFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -14,7 +14,7 @@ afterEach(cleanup);
 const defaultProps = mock<INameFilterProps>();
 describe("NameFilter component rendering", () => {
 	it("should render name filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -32,7 +32,7 @@ describe("NameFilter component rendering", () => {
 	});
 
 	it("should render URL on title if it is URL sorting", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: true };
 		defaultProps.sortItems = onClickMock;
@@ -50,7 +50,7 @@ describe("NameFilter component rendering", () => {
 	});
 
 	it("should render URL sorting option if it is URL sorting", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: true };
 		defaultProps.sortItems = onClickMock;
@@ -72,7 +72,7 @@ describe("NameFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -89,7 +89,7 @@ describe("NameFilter component rendering", () => {
 	});
 
 	it("should not render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByTitle: true };
 		defaultProps.sortItems = onClickMock;
@@ -106,7 +106,7 @@ describe("NameFilter component rendering", () => {
 	});
 
 	it("should render FullArrowUp icon if is filtered by ascending name", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: true };
 		defaultProps.sortItems = onClickMock;
@@ -125,7 +125,7 @@ describe("NameFilter component rendering", () => {
 
 describe("NameFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -148,7 +148,7 @@ describe("NameFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending on click 'Ascendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -172,7 +172,7 @@ describe("NameFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending false on click 'Descendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

package/src/__tests__/components/TableFilters/RoleFilter/RoleFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import RoleFilter, { IRoleFilterProps } from "@ax/components/TableFilters/RoleFilter";
@@ -32,7 +32,7 @@ describe("RoleFilter component rendering", () => {
 			},
 		];
 		defaultProps.pointer = "filterRoles";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -66,7 +66,7 @@ describe("RoleFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "filterRoles";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -104,7 +104,7 @@ describe("RoleFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "filterRoles";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(
@@ -145,7 +145,7 @@ describe("RoleFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "filterRoles";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(

package/src/__tests__/components/TableFilters/SiteFilter/SiteFilter.test.tsx

@@ -1,8 +1,9 @@
+import type { MockedFunction } from "vitest";
 import * as React from "react";
 import axios from "axios";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, act, fireEvent } from "@testing-library/react";
 
 import { parseTheme } from "@ax/helpers";
@@ -11,8 +12,8 @@ import globalTheme from "@ax/themes/theme.json";
 import { IQueryValue } from "@ax/types";
 
 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<ISiteFilterProps>();
 
 describe("SiteFilter component rendering", () => {
@@ -29,7 +30,7 @@ describe("SiteFilter component rendering", () => {
 				title: "All",
 			},
 		];
-		const filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItems;
 		const data = {
@@ -74,7 +75,7 @@ describe("SiteFilter component rendering", () => {
 				title: "All",
 			},
 		];
-		const filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItems;
 
@@ -122,7 +123,7 @@ describe("SiteFilter events", () => {
 				title: "All",
 			},
 		];
-		const filterItemsMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItemsMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItemsMock;
 		const data = {
@@ -172,7 +173,7 @@ describe("SiteFilter events", () => {
 				title: "All",
 			},
 		];
-		const filterItemsMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItemsMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItemsMock;
 		const data = {
@@ -225,7 +226,7 @@ describe("SiteFilter events", () => {
 				title: "All",
 			},
 		];
-		const filterItemsMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItemsMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItemsMock;
 		const data = {
@@ -280,7 +281,7 @@ describe("SiteFilter events", () => {
 				title: "All",
 			},
 		];
-		const filterItemsMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItemsMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		defaultProps.filterItems = filterItemsMock;
 		const data = {

package/src/__tests__/components/TableFilters/StatusFilter/StatusFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import { parseTheme } from "@ax/helpers";
@@ -13,7 +13,7 @@ afterEach(cleanup);
 const defaultProps = mock<IStatusFilterProps>();
 describe("StatusFilter component rendering", () => {
 	it("should render date filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -31,7 +31,7 @@ describe("StatusFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -48,7 +48,7 @@ describe("StatusFilter component rendering", () => {
 	});
 
 	it("should render FullArrowDown icon if is filtered by most recent", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByDate: true, sortedByTitle: false, sortedByURL: false };
 		defaultProps.sortItems = onClickMock;
@@ -67,7 +67,7 @@ describe("StatusFilter component rendering", () => {
 
 describe("StatusFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -87,7 +87,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'modified, true' as param when it's not structured data and is ascending", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -113,7 +113,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'date, true' as param when it's not structured data and is asceding", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -140,7 +140,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'modified, false' as param when it's not structured data and is not ascending", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -168,7 +168,7 @@ describe("StatusFilter events", () => {
 	});
 
 	it("should call sortItems function with 'date, false' as param when it's not structured data and is not asceding", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

package/src/__tests__/components/TableFilters/TranslationsFilter/TranslationsFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -15,7 +15,7 @@ afterEach(cleanup);
 const defaultProps = mock<ITranslationsFilterProps>();
 describe("TranslationsFilter component rendering", () => {
 	it("should render name filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -32,7 +32,7 @@ describe("TranslationsFilter component rendering", () => {
 	});
 
 	it("should render icon's wrapper", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -47,7 +47,7 @@ describe("TranslationsFilter component rendering", () => {
 	});
 
 	it("should render options", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -71,7 +71,7 @@ describe("TranslationsFilter component rendering", () => {
 
 describe("TranslationsFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -91,7 +91,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should call filterItems with 'all' on click 'All' option", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -113,7 +113,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should call filterItems with 'no' on click 'Not translated content' option", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;
@@ -135,7 +135,7 @@ describe("TranslationsFilter events", () => {
 	});
 
 	it("should close floating menu when option is checked", async () => {
-		const onClickMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
+		const onClickMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]> &
 			((pointer: string, filter: IQueryValue[]) => void);
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.filterItems = onClickMock;

package/src/__tests__/components/TableFilters/TypeFilter/TypeFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
 import TypeFilter, { ITypeFilterProps } from "@ax/components/TableFilters/TypeFilter";
@@ -32,7 +32,7 @@ describe("TypeFilter component rendering", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -66,7 +66,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		defaultProps.filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		defaultProps.filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -104,7 +104,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(
@@ -145,7 +145,7 @@ describe("TypeFilter events", () => {
 			},
 		];
 		defaultProps.pointer = "type";
-		const onChangeMock = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const onChangeMock = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterItems = onChangeMock;
 
 		render(

package/src/__tests__/components/TableFilters/UsersFilter/UsersFilter.test.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 
 import { ThemeProvider } from "styled-components";
-import { CalledWithMock, mock } from "jest-mock-extended";
+import { CalledWithMock, mock } from "vitest-mock-extended";
 
 import { render, screen, cleanup, fireEvent } from "@testing-library/react";
 
@@ -14,7 +14,7 @@ afterEach(cleanup);
 const defaultProps = mock<IUsersFilterProps>();
 describe("UsersFilter component rendering", () => {
 	it("should render users filter", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 
@@ -32,7 +32,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: false };
 		defaultProps.sortItems = onClickMock;
@@ -48,7 +48,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should not render interactive arrow if filter selected", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: false, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock;
@@ -64,7 +64,7 @@ describe("UsersFilter component rendering", () => {
 	});
 
 	it("should render FullArrowUp icon if is filtered by ascending users", () => {
-		const onClickMock = jest.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
+		const onClickMock = vi.fn() as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock;
@@ -82,7 +82,7 @@ describe("UsersFilter component rendering", () => {
 
 describe("UsersFilter events", () => {
 	it("should render check group on click", () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -105,7 +105,7 @@ describe("UsersFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending on click 'Ascendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -129,7 +129,7 @@ describe("UsersFilter events", () => {
 	});
 
 	it("should call filterItems with isAscending false on click 'Descendent' option", async () => {
-		const onClickMock = jest.fn();
+		const onClickMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByTitle: false, sortedByUsers: true };
 		defaultProps.sortItems = onClickMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

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

@@ -1,16 +1,16 @@
 import * as React from "react";
 import { ThemeProvider } from "styled-components";
 import { parseTheme } from "@ax/helpers";
-import { mock } from "jest-mock-extended";
+import { mock } from "vitest-mock-extended";
 import configureStore from "redux-mock-store";
 
 import globalTheme from "@ax/themes/theme.json";
 import TableList, { ITableListProps } from "@ax/components/TableList";
-import { render, cleanup, screen } from "../../../../config/jest/test-utils";
+import { render, cleanup, screen } from "../../../../config/tests/test-utils";
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 });
 
 const initialStore = {
@@ -21,7 +21,7 @@ const initialStore = {
 
 const mockStore = configureStore();
 const defaultProps = mock<ITableListProps>();
-const setPage = jest.fn();
+const setPage = vi.fn();
 
 const pagination = { currPage: 1, itemsPerPage: 50, setPage: setPage, totalItems: 3 };
 

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

@@ -1,8 +1,7 @@
 import * as React from "react";
 
-import "jest-styled-components";
 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";
 
@@ -18,7 +17,7 @@ describe("Tabs component rendering", () => {
 	it("should render tabs", () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -38,7 +37,7 @@ describe("Tabs component rendering", () => {
 		defaultProps.tabs = undefined;
 		defaultProps.icons = undefined;
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -55,7 +54,7 @@ describe("Tabs component rendering", () => {
 	it("should call set selected tab action on click", async () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -130,7 +129,7 @@ describe("Tabs component rendering", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -150,7 +149,7 @@ describe("Tabs component events", () => {
 	it("should set tab as active on click", async () => {
 		defaultProps.tabs = ["tab1", "tab2"];
 		defaultProps.active = "tab1";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -172,7 +171,7 @@ describe("Tabs component events", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(
@@ -191,7 +190,7 @@ describe("Tabs component events", () => {
 			{ name: "view", text: "Preview mode" },
 		];
 		defaultProps.active = "edit";
-		const setSelectedTabAction = jest.fn();
+		const setSelectedTabAction = vi.fn();
 		defaultProps.setSelectedTab = setSelectedTabAction;
 
 		render(

package/src/__tests__/components/Tag/Tag.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";
@@ -88,7 +88,7 @@ describe("Tag component rendering", () => {
 	it("should render delete icon when onDeleteAction is defined", () => {
 		defaultProps.type = "fixed";
 		defaultProps.text = "Modules";
-		const deleteAction = jest.fn();
+		const deleteAction = vi.fn();
 		defaultProps.onDeleteAction = deleteAction;
 
 		render(
@@ -106,7 +106,7 @@ describe("Tag component events", () => {
 	it("should called deleteAction when click delete button", () => {
 		defaultProps.type = "fixed";
 		defaultProps.text = "Modules";
-		const deleteAction = jest.fn();
+		const deleteAction = vi.fn();
 		defaultProps.onDeleteAction = deleteAction;
 
 		render(

package/src/__tests__/components/Toast/Toast.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";
 
@@ -10,8 +10,8 @@ import globalTheme from "@ax/themes/theme.json";
 
 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",
 	}),
@@ -20,8 +20,8 @@ jest.mock("react-router-dom", () => ({
 const defaultProps = mock<IToastProps>();
 
 describe("Toast component rendering", () => {
-	jest.useFakeTimers();
-	jest.spyOn(global, "setTimeout");
+	vi.useFakeTimers();
+	vi.spyOn(global, "setTimeout");
 
 	it("should render the component", () => {
 		defaultProps.message = "1 module copied to clipboard";
@@ -66,7 +66,7 @@ describe("Toast component rendering", () => {
 describe("Toast component events", () => {
 	it("should render the undo button when action", () => {
 		defaultProps.message = "1 module copied to clipboard";
-		defaultProps.action = jest.fn();
+		defaultProps.action = vi.fn();
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>