test-mock-example.tsx

import { mocked } from "ts-jest/utils";
import { useBloomreach } from "../../hooks";

const defaultBloomreachContext = {
  preview: false,
};

jest.mock("../../hooks", () => {
  const actual = jest.requireActual("../../hooks");
  return {
    ...actual,
    __esModule: true,
    useBloomreach: jest.fn(() => defaultBloomreachContext),
  };
});

const mockUseBloomreach = mocked(useBloomreach);

describe("SomeComponent", () => {
  it("should not render preview notification by default", () => {
    render(<SomeComponent {...defaultProps} />);
    expect(
      screen.queryByText("You are in preview mode")
    ).not.toBeInTheDocument();
  });

  it("should render preview notification when in preview mode", () => {
    mockUseBloomreach.mockImplementation(() => ({
      ...defaultBloomreachContext,
      preview: true,
    }));
    render(<SomeComponent {...defaultProps} />);
    expect(screen.getByText("You are in preview mode")).toBeInTheDocument();
  });
});