Update page tests

frontend/src/utils/testing/intlMocks.ts

@@ -14,6 +14,7 @@ export const localeParams = new Promise<{ locale: string }>((resolve) => {
   resolve({ locale: "en" });
 });
 
+
 // mocking all types of messages, could split by message type in the future
 export const mockMessages = {
   Process: {

frontend/tests/pages/dev/feature-flags/page.test.tsx

@@ -25,6 +25,13 @@ const mockSetFeatureFlag = jest.fn(
   },
 );
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("src/hooks/useFeatureFlags", () => ({
   useFeatureFlags: () => mockUseFeatureFlags(),
 }));

frontend/tests/pages/maintenance/page.test.tsx

@@ -13,6 +13,13 @@ jest.mock("next-intl/server", () => ({
   setRequestLocale: identity,
 }));
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl", () => ({
   useTranslations: () => useTranslationsMock(),
   useMessages: () => mockMessages,

frontend/tests/pages/not-found.test.tsx

@@ -4,6 +4,13 @@ import { identity } from "lodash";
 import PageNotFound from "src/app/[locale]/not-found";
 import { useTranslationsMock } from "src/utils/testing/intlMocks";
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl/server", () => ({
   getTranslations: () => identity,
   unstable_setRequestLocale: identity,

frontend/tests/pages/page.test.tsx

@@ -8,6 +8,13 @@ import {
   useTranslationsMock,
 } from "src/utils/testing/intlMocks";
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl/server", () => ({
   getTranslations: () => identity,
   setRequestLocale: identity,

frontend/tests/pages/process/page.test.tsx

@@ -8,6 +8,13 @@ import {
   useTranslationsMock,
 } from "src/utils/testing/intlMocks";
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl/server", () => ({
   getTranslations: () => identity,
   setRequestLocale: identity,
@@ -20,17 +27,14 @@ jest.mock("next-intl", () => ({
 
 describe("Process", () => {
   it("renders intro text", () => {
-    render(Process({ params: localeParams }));
-
+    render(<Process params={localeParams} />);
     const content = screen.getByText("intro.content");
-
     expect(content).toBeInTheDocument();
   });
 
   it("passes accessibility scan", async () => {
-    const { container } = render(Process({ params: localeParams }));
+    const { container } = render(<Process params={localeParams} />);
     const results = await waitFor(() => axe(container));
-
     expect(results).toHaveNoViolations();
   });
 });

frontend/tests/pages/research/page.test.tsx

@@ -8,6 +8,13 @@ import {
   useTranslationsMock,
 } from "src/utils/testing/intlMocks";
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl/server", () => ({
   getTranslations: () => identity,
   setRequestLocale: identity,

frontend/tests/pages/search/page.test.tsx

@@ -2,7 +2,9 @@ import { render, screen } from "@testing-library/react";
 import { identity } from "lodash";
 import Search from "src/app/[locale]/search/page";
 import { SEARCH_NO_STATUS_VALUE } from "src/constants/search";
-import { useTranslationsMock } from "src/utils/testing/intlMocks";
+import {
+  useTranslationsMock,
+} from "src/utils/testing/intlMocks";
 
 import { ReadonlyURLSearchParams } from "next/navigation";
 
@@ -54,6 +56,7 @@ jest.mock("react", () => ({
   ...jest.requireActual<typeof import("react")>("react"),
   Suspense: ({ fallback }: { fallback: React.Component }) => fallback,
   cache: (fn: unknown) => fn,
+  use: jest.fn((e:{ [key: string]: string }) => (e)),
 }));
 
 const fetchMock = jest.fn().mockResolvedValue({

frontend/tests/pages/subscribe/page.test.tsx

@@ -30,6 +30,13 @@ jest.mock("react-dom", () => {
   };
 });
 
+jest.mock("react", () => ({
+  ...jest.requireActual<typeof import("react")>("react"),
+  use: jest.fn(() => ({
+    locale: "en",
+  })),
+}));
+
 jest.mock("next-intl", () => ({
   useTranslations: () => useTranslationsMock(),
 }));

frontend/tests/services/withFeatureFlag.test.tsx

@@ -41,7 +41,7 @@ describe("WithFeatureFlag", () => {
     expect(OriginalComponent).toHaveBeenCalledTimes(1);
 
     // not sure what the second arg represents here but let's forget about it for now
-    expect(OriginalComponent).toHaveBeenCalledWith({ searchParams }, {});
+    expect(OriginalComponent).toHaveBeenCalledWith({ searchParams }, undefined);
   });
   it("calls onEnabled during wrapped component render when feature flag is enabled", () => {
     enableFeature = true;