jest.setup.js

import { useRouter } from "next/router";
import "@testing-library/jest-dom/extend-expect";
// the next test is common between diferent components
// it mocks firebase diferent functions and useRouter, and useTranslation
// sendPasswordResetEmail is mocked to always return a resolved promise.
// useRoutere is mocked to exist and return an object
// useTranslation is mocked to exist and return an object
jest.mock("@/util/firebase", () => {
    return {
        auth: jest.fn(() => ({
            sendPasswordResetEmail: jest.fn(() =>
                Promise.resolve("Password reset email sent.")
            ),
        })),
        initializeApp: jest.fn(),
        getAuth: jest.fn(),
    };
});

jest.mock("@/context/state.js", () => {
    return {
        useAppcontext: jest.fn(() => {
            return {
                setBookingInfos: jest.fn(() => {}),
                user: jest.fn(() => {}),
                blogs: [{ title: "blog 1" }, { title: "blog 2" }],
            };
        }),
    };
});

jest.mock("next/navigation", () => {
    return {
        __esModule: true,
        useRouter: jest.fn(),
        usePathname: jest.fn(() => "/home"),
        useSearchParams: jest.fn(),
    };
});

jest.mock("next/router", () => ({
    useRouter: jest.fn(),
}));

// In your test setup
useRouter.mockImplementation(() => ({
    push: jest.fn(),
    prefetch: jest.fn(),
    // Add any other router methods you need
}));

jest.mock("next-i18next", () => ({
    useTranslation: () => ({ t: (key) => key }),
}));

jest.mock("axios", () => ({
    axios: jest.fn(),
}));