Merge pull request #600 from PotLock/staging

Staging

Author: aunali8812

_tests/homepage.tests.tsx

@@ -3,13 +3,64 @@ import * as React from "react";
 import { screen, waitFor } from "@testing-library/react";
 import { expect, test, vi } from "vitest";
 
-import { NextNavigationMock, renderWithStore } from "./test-env";
+import { renderWithStore } from "./test-env";
 import Homepage from "../src/pages";
 
-vi.mock("next/navigation", () => NextNavigationMock);
-renderWithStore(<Homepage />);
+// JSDOM does not implement browser APIs used by embla-carousel
+Object.defineProperty(window, "matchMedia", {
+  writable: true,
+  value: vi.fn().mockImplementation((query: string) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+});
+
+global.IntersectionObserver = vi.fn().mockImplementation(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn(),
+  root: null,
+  rootMargin: "",
+  thresholds: [],
+  takeRecords: vi.fn().mockReturnValue([]),
+}));
+
+global.ResizeObserver = vi.fn().mockImplementation(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn(),
+}));
+
+vi.mock("next/navigation", async () => {
+  const mockRouter = await import("next-router-mock");
+
+  return {
+    ...mockRouter,
+    notFound: vi.fn(),
+    redirect: vi.fn().mockImplementation((url: string) => {
+      mockRouter.memoryRouter.setCurrentUrl(url);
+    }),
+  };
+});
+
+vi.mock("next/router", async () => {
+  const mockRouter = await import("next-router-mock");
+
+  return {
+    ...mockRouter,
+    useRouter: mockRouter.useRouter,
+  };
+});
 
 test("Homepage", async () => {
+  renderWithStore(<Homepage />);
+
   await waitFor(
     () =>
       expect(