@griddo/ax 12.3.0 → 12.4.0

package/src/__tests__/components/RestrictionsModal/RolesList/RolesList.test.tsx

@@ -5,11 +5,11 @@ import "@testing-library/jest-dom";
 
 import globalTheme from "@ax/themes/theme.json";
 import RolesList from "@ax/components/RestrictionsModal/RolesList";
-import { render, cleanup, screen, fireEvent } from "../../../../../config/jest/test-utils";
+import { render, cleanup, screen, fireEvent } from "../../../../../config/tests/test-utils";
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 });
 
 const mockStore = configureStore();
@@ -25,11 +25,11 @@ const initialState = {
 };
 
 const defaultProps = {
-	onCancel: jest.fn(),
-	onApply: jest.fn(),
+	onCancel: vi.fn(),
+	onApply: vi.fn(),
 	selectedRoleIds: [],
 	isSaving: false,
-	onResetAccess: jest.fn(),
+	onResetAccess: vi.fn(),
 };
 
 const renderComponent = (props = defaultProps, storeState = initialState) => {
@@ -178,7 +178,7 @@ describe("RolesList component role selection", () => {
 
 describe("RolesList component actions", () => {
 	it("should call onApply with selected role IDs when Apply button is clicked", () => {
-		const onApplyMock = jest.fn();
+		const onApplyMock = vi.fn();
 
 		renderComponent({ ...defaultProps, onApply: onApplyMock });
 
@@ -192,7 +192,7 @@ describe("RolesList component actions", () => {
 	});
 
 	it("should call onCancel when Cancel button is clicked", () => {
-		const onCancelMock = jest.fn();
+		const onCancelMock = vi.fn();
 
 		renderComponent({
 			...defaultProps,
@@ -207,7 +207,7 @@ describe("RolesList component actions", () => {
 	});
 
 	it("should call onResetAccess when Reset Page Access button is clicked", () => {
-		const onResetAccessMock = jest.fn();
+		const onResetAccessMock = vi.fn();
 
 		renderComponent({
 			...defaultProps,

package/src/__tests__/components/RestrictionsModal/UsersList/UsersList.test.tsx

@@ -1,3 +1,4 @@
+import type { Mock } from "vitest";
 import { act } from "@testing-library/react";
 import { ThemeProvider } from "styled-components";
 import configureStore from "redux-mock-store";
@@ -7,10 +8,10 @@ import "@testing-library/jest-dom";
 import globalTheme from "@ax/themes/theme.json";
 import UsersList from "@ax/components/RestrictionsModal/UsersList";
 import type { IUser } from "@ax/types";
-import { render, cleanup, screen, fireEvent } from "../../../../../config/jest/test-utils";
+import { render, cleanup, screen, fireEvent } from "../../../../../config/tests/test-utils";
 
-jest.mock("@ax/components/RestrictionsModal/utils", () => ({
-	fetchUsers: jest.fn().mockResolvedValue([
+vi.mock("@ax/components/RestrictionsModal/utils", () => ({
+	fetchUsers: vi.fn().mockResolvedValue([
 		{ id: 1, username: "john", name: "John Doe", email: "john@example.com", failed: 0, roles: [], isSuperAdmin: false, pagePermissions: [] },
 		{ id: 2, username: "jane", name: "Jane Smith", email: "jane@example.com", failed: 0, roles: [], isSuperAdmin: false, pagePermissions: [] },
 		{ id: 3, username: "bob", name: "Bob Wilson", email: "bob@example.com", failed: 0, roles: [], isSuperAdmin: false, pagePermissions: [] },
@@ -19,7 +20,7 @@ jest.mock("@ax/components/RestrictionsModal/utils", () => ({
 
 afterEach(() => {
 	cleanup();
-	jest.resetAllMocks();
+	vi.resetAllMocks();
 });
 
 const mockStore = configureStore();
@@ -34,18 +35,18 @@ const initialState = {
 };
 
 const defaultProps: {
-	onCancel: jest.Mock;
-	onApply: jest.Mock;
+	onCancel: Mock;
+	onApply: Mock;
 	selectedUserIds: number[];
 	isSaving: boolean;
-	onResetAccess: jest.Mock;
+	onResetAccess: Mock;
 	users: IUser[];
 } = {
-	onCancel: jest.fn(),
-	onApply: jest.fn(),
+	onCancel: vi.fn(),
+	onApply: vi.fn(),
 	selectedUserIds: [],
 	isSaving: false,
-	onResetAccess: jest.fn(),
+	onResetAccess: vi.fn(),
 	users: [
 		{ id: 1, username: "john", name: "John Doe", email: "john@example.com", failed: 0, roles: [], isSuperAdmin: false, pagePermissions: [] },
 		{ id: 2, username: "jane", name: "Jane Smith", email: "jane@example.com", failed: 0, roles: [], isSuperAdmin: false, pagePermissions: [] },
@@ -189,7 +190,7 @@ describe("UsersList component user selection", () => {
 	});
 
 	it("should call onApply with selected user IDs when Apply button is clicked", async () => {
-		const onApplyMock = jest.fn();
+		const onApplyMock = vi.fn();
 
 		renderComponent({ ...defaultProps, onApply: onApplyMock });
 
@@ -205,7 +206,7 @@ describe("UsersList component user selection", () => {
 	});
 
 	it("should include current user when applying selection", async () => {
-		const onApplyMock = jest.fn();
+		const onApplyMock = vi.fn();
 
 		renderComponent({
 			...defaultProps,
@@ -224,7 +225,7 @@ describe("UsersList component user selection", () => {
 
 describe("UsersList component actions", () => {
 	it("should call onCancel when Cancel button is clicked", async () => {
-		const onCancelMock = jest.fn();
+		const onCancelMock = vi.fn();
 
 		await act(async () => {
 			renderComponent({
@@ -244,7 +245,7 @@ describe("UsersList component actions", () => {
 	});
 
 	it("should call onResetAccess when Reset Page Access button is clicked", () => {
-		const onResetAccessMock = jest.fn();
+		const onResetAccessMock = vi.fn();
 
 		renderComponent({
 			...defaultProps,
@@ -270,7 +271,7 @@ describe("UsersList component actions", () => {
 	});
 
 	it("should ensure current user is always included in apply", async () => {
-		const onApplyMock = jest.fn();
+		const onApplyMock = vi.fn();
 
 		renderComponent({
 			...defaultProps,

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

@@ -13,7 +13,7 @@ afterEach(cleanup);
 
 describe("Search field component rendering", () => {
 	it("should render the component opened", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 		};
@@ -34,7 +34,7 @@ describe("Search field component rendering", () => {
 	});
 
 	it("should render the component opened with placeholder", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			placeholder: "Search",
@@ -58,7 +58,7 @@ describe("Search field component rendering", () => {
 	});
 
 	it("should render the component closed", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,
@@ -80,7 +80,7 @@ describe("Search field component rendering", () => {
 	});
 
 	it("should render the component disabled", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: false,
@@ -100,7 +100,7 @@ describe("Search field component rendering", () => {
 
 describe("Search field filters", () => {
 	it("should render the component with search filters", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 
 		const searchFilters = [
 			{ value: "filterby", label: "Filter by" },
@@ -131,8 +131,8 @@ describe("Search field filters", () => {
 	});
 
 	it("should call onFilterChange when selecting option", async () => {
-		const onChangeMock = jest.fn();
-		const onFilterChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
+		const onFilterChangeMock = vi.fn();
 
 		const searchFilters = [
 			{ value: "filterby", label: "Filter by" },
@@ -167,7 +167,7 @@ describe("Search field filters", () => {
 
 describe("search field events", () => {
 	it("should open on icon search click and show field and close icon", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,
@@ -204,7 +204,7 @@ describe("search field events", () => {
 	});
 
 	it("should close and clear on close icon click and hide field and search icon if closeOnActive", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,
@@ -246,7 +246,7 @@ describe("search field events", () => {
 	});
 
 	it("should clear and not close on close icon click if not closeOnActive and input is not empty", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: false,
@@ -280,7 +280,7 @@ describe("search field events", () => {
 	});
 
 	it("show press enter on input type", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,
@@ -311,7 +311,7 @@ describe("search field events", () => {
 	});
 
 	it("should call onchange on input type", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,
@@ -342,7 +342,7 @@ describe("search field events", () => {
 	});
 
 	it("should call onchange on key enter", () => {
-		const onChangeMock = jest.fn();
+		const onChangeMock = vi.fn();
 		const defaultProps: ISearchFieldProps = {
 			onChange: onChangeMock,
 			closeOnInactive: true,

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

@@ -3,13 +3,15 @@ import { parseTheme } from "@ax/helpers";
 import globalTheme from "@ax/themes/theme.json";
 
 import { cleanup, fireEvent, render, screen } from "@testing-library/react";
-import { type CalledWithMock, mock } from "jest-mock-extended";
+import { type CalledWithMock, mock } from "vitest-mock-extended";
 import { ThemeProvider } from "styled-components";
 
-// Mock schemas to prevent getPageSchemas from accessing schemasService
-jest.mock("@ax/schemas", () => ({
-	getPageSchemas: jest.fn(() => ({})),
-	getFixedSchemas: jest.fn(() => ({})),
+// Stub the page schemas so the component tree does not pull the real catalogue.
+// These are the module's only exports; under ESM the mock has to declare them
+// or the consumer's `...pageSchemas` blows up.
+vi.mock("@ax/schemas", () => ({
+	pageSchemas: {},
+	fixedSchemas: {},
 }));
 
 afterEach(cleanup);
@@ -18,8 +20,8 @@ const defaultProps = mock<ISideModalProps>();
 
 describe("SideModal component rendering", () => {
 	it("should render the component visible if isOpen is true", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Articles And Events", value: "articlesAndEvents" },
@@ -44,8 +46,8 @@ describe("SideModal component rendering", () => {
 	});
 
 	it("should render the component hidden if isOpen is false", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Articles And Events", value: "articlesAndEvents" },
@@ -118,8 +120,8 @@ describe("SideModal component rendering", () => {
 	});
 
 	it("should render all options when All filter is selected", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Content", value: "content" },
@@ -154,8 +156,8 @@ describe("SideModal component rendering", () => {
 	});
 
 	it("should render components modal if option type is components", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.componentOptions = {
 			image: { component: "LinkableImage", editorID: 11, parentEditorID: 6 },
 			video: { component: "Video", editorID: 12, parentEditorID: 6 },
@@ -180,8 +182,8 @@ describe("SideModal component rendering", () => {
 
 describe("SideModal component events", () => {
 	it("should call handle click and toggle modal on click option", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Articles And Events", value: "articlesAndEvents" },
@@ -210,8 +212,8 @@ describe("SideModal component events", () => {
 	});
 
 	it("should select filter on click", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Content", value: "content" },
@@ -249,8 +251,8 @@ describe("SideModal component events", () => {
 	});
 
 	it("should filter by category on click", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Content", value: "content" },
@@ -281,8 +283,8 @@ describe("SideModal component events", () => {
 	});
 
 	it("should filter by query", () => {
-		const handleClickMock = jest.fn();
-		const toggleModalMock = jest.fn() as CalledWithMock<void, []> & (() => void);
+		const handleClickMock = vi.fn();
+		const toggleModalMock = vi.fn() as CalledWithMock<void, []> & (() => void);
 		defaultProps.categories = [
 			{ featured: true, label: "All", value: "all" },
 			{ label: "Content", value: "content" },
@@ -316,7 +318,7 @@ describe("SideModal component events", () => {
 	it("should call toggle modal on click outside the modal", () => {
 		const map: any = {};
 
-		document.addEventListener = jest.fn((event, callback) => {
+		document.addEventListener = vi.fn((event, callback) => {
 			map[event] = callback;
 		});
 
@@ -336,7 +338,7 @@ describe("SideModal component events", () => {
 	it("should not call toggle modal on click inside the modal", () => {
 		const map: any = {};
 
-		document.addEventListener = jest.fn((event, callback) => {
+		document.addEventListener = vi.fn((event, callback) => {
 			map[event] = callback;
 		});
 

package/src/__tests__/components/SubNav/SubNav.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";
 

package/src/__tests__/components/TableFilters/CategoryFilter/CategoryFilter.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, fireEvent, act } from "@testing-library/react";
 import { parseTheme } from "@ax/helpers";
@@ -12,14 +13,14 @@ 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<ICategoryFilterProps>();
 
 describe("Category filter component rendering", () => {
 	it("should render category filter", async () => {
-		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;
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.siteID = null;
@@ -60,7 +61,7 @@ describe("Category filter component rendering", () => {
 	});
 
 	it("should render the component with no options", async () => {
-		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;
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.siteID = null;
@@ -104,7 +105,7 @@ describe("Category filter component rendering", () => {
 
 describe("CategoryFilter events", () => {
 	it("should render check group on click floating menu button", async () => {
-		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;
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.siteID = null;
@@ -151,7 +152,7 @@ describe("CategoryFilter events", () => {
 	});
 
 	it("should check option on click", async () => {
-		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;
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.siteID = null;
@@ -200,7 +201,7 @@ describe("CategoryFilter events", () => {
 	});
 
 	it("should call filterItems action on change", async () => {
-		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;
 		defaultProps.value = [{ value: "all", label: "All" }];
 		defaultProps.siteID = null;

package/src/__tests__/components/TableFilters/CustomizeFilters/CustomizeFilters.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";
@@ -24,7 +24,7 @@ describe("CustomizeFilters component rendering", () => {
 		];
 		defaultProps.value = ["site", "profile", "live", "status", "translation"];
 		defaultProps.limit = { value: 5, text: "five" };
-		defaultProps.setColumns = jest.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
+		defaultProps.setColumns = vi.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -48,7 +48,7 @@ describe("CustomizeFilters events", () => {
 		];
 		defaultProps.value = ["site", "profile", "live", "status", "translation"];
 		defaultProps.limit = { value: 5, text: "five" };
-		defaultProps.setColumns = jest.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
+		defaultProps.setColumns = vi.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -77,7 +77,7 @@ describe("CustomizeFilters events", () => {
 		];
 		defaultProps.value = ["site", "profile", "live", "status", "translation"];
 		defaultProps.limit = { value: 5, text: "five" };
-		defaultProps.setColumns = jest.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
+		defaultProps.setColumns = vi.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
 
 		render(
 			<ThemeProvider theme={parseTheme(globalTheme)}>
@@ -108,7 +108,7 @@ describe("CustomizeFilters events", () => {
 		];
 		defaultProps.value = ["site", "profile", "live", "status", "translation"];
 		defaultProps.limit = { value: 5, text: "five" };
-		const onChangeMock = jest.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
+		const onChangeMock = vi.fn() as CalledWithMock<void, [newValue: any]> & ((newValue: any) => void);
 		defaultProps.setColumns = onChangeMock;
 
 		render(

package/src/__tests__/components/TableFilters/DateFilter/DateFilter.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<IDateFilterProps>();
 describe("DateFilter component rendering", () => {
 	it("should render date filter", () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -31,7 +31,7 @@ describe("DateFilter component rendering", () => {
 	});
 
 	it("should render interactive arrow if not filter selected", () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -46,7 +46,7 @@ describe("DateFilter component rendering", () => {
 	});
 
 	it("should not render interactive arrow if filter selected", () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: true };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -61,7 +61,7 @@ describe("DateFilter component rendering", () => {
 	});
 
 	it("should render FullArrowUp icon if is filtered by ascending date", () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: true, sortedByDate: true };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -79,7 +79,7 @@ describe("DateFilter component rendering", () => {
 
 describe("DateFilter events", () => {
 	it("should render check group on click floating menu", () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -101,7 +101,7 @@ describe("DateFilter events", () => {
 	});
 
 	it("should call sortItems on click 'Most recent' option", async () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);
@@ -125,7 +125,7 @@ describe("DateFilter events", () => {
 	});
 
 	it("should call sortItems ascending on click 'Oldest' option", async () => {
-		const sortItemsMock = jest.fn();
+		const sortItemsMock = vi.fn();
 		defaultProps.sortedState = { isAscending: false, sortedByDate: false };
 		defaultProps.sortItems = sortItemsMock as CalledWithMock<any, [orderPointer: IQueryValue[], isAscendent: boolean]> &
 			((orderPointer: IQueryValue[], isAscendent: boolean) => any);

package/src/__tests__/components/TableFilters/LiveFilter/LiveFilter.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,14 +12,14 @@ import LiveFilter, { ILiveFilterProps } from "@ax/components/TableFilters/LiveFi
 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<ILiveFilterProps>();
 
 describe("LiveFilter component rendering", () => {
 	it("should render live filter", async () => {
 		defaultProps.value = [{ value: "all", label: "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 = {
@@ -53,7 +54,7 @@ describe("LiveFilter component rendering", () => {
 
 	it("should render the component with no options", async () => {
 		defaultProps.value = [{ value: "all", label: "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;
 
@@ -90,7 +91,7 @@ describe("LiveFilter component rendering", () => {
 describe("LiveFilter events", () => {
 	it("should render check group on click", async () => {
 		defaultProps.value = [{ value: "all", label: "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 = {
@@ -130,7 +131,7 @@ describe("LiveFilter events", () => {
 
 	it("should check option on click", async () => {
 		defaultProps.value = [{ value: "all", label: "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 = {
@@ -173,7 +174,7 @@ describe("LiveFilter events", () => {
 
 	it("should uncheck selected option on click and select 'All' option", async () => {
 		defaultProps.value = [{ value: "all", label: "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 = {
@@ -221,7 +222,7 @@ describe("LiveFilter events", () => {
 
 	it("should call filterItems action on change", async () => {
 		defaultProps.value = [{ value: "all", label: "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 = {
@@ -261,7 +262,7 @@ describe("LiveFilter events", () => {
 
 	it("should render live filter with filter options", async () => {
 		defaultProps.value = [{ value: "all", label: "All" }];
-		const filterItems = jest.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
+		const filterItems = vi.fn() as CalledWithMock<void, [pointer: string, filter: IQueryValue[]]>;
 		defaultProps.filterOptions = ["offline", "active", "scheduled"];
 		defaultProps.filterItems = filterItems;
 		const data = {