VIA-629 AJ/EO Add tests for Vaccine.tsx to show callout and actions for Vaccines that have Campaigns

Author: elenaoanea-nhs

src/app/_components/content/MoreInformation.test.tsx

@@ -6,18 +6,6 @@ import { ConfigMock, configBuilder } from "@test-data/config/builders";
 import { mockStyledContent, mockStyledContentWithoutWhatSection } from "@test-data/content-api/data";
 import { render, screen } from "@testing-library/react";
 
-
-
-
-
-
-
-
-
-
-
-
-
 jest.mock("sanitize-data", () => ({ sanitize: jest.fn() }));
 jest.mock("@src/utils/config");
 

src/app/_components/vaccine/Vaccine.test.tsx

@@ -7,41 +7,19 @@ import { VaccineType } from "@src/models/vaccine";
 import { getContentForVaccine } from "@src/services/content-api/content-service";
 import { ContentErrorTypes } from "@src/services/content-api/types";
 import { getEligibilityForPerson } from "@src/services/eligibility-api/domain/eligibility-filter-service";
-import { EligibilityErrorTypes, EligibilityForPersonType, EligibilityStatus } from "@src/services/eligibility-api/types";
+import {
+  EligibilityErrorTypes,
+  EligibilityForPersonType,
+  EligibilityStatus,
+} from "@src/services/eligibility-api/types";
 import { Campaigns } from "@src/utils/campaigns/types";
 import config from "@src/utils/config";
 import { ConfigMock, configBuilder } from "@test-data/config/builders";
 import { mockStyledContent } from "@test-data/content-api/data";
 import { eligibilityContentBuilder } from "@test-data/eligibility-api/builders";
 import { render, screen } from "@testing-library/react";
-import { ReadonlyHeaders } from "next/dist/server/web/spec-extension/adapters/headers";
-import { headers } from "next/headers";
 import React, { JSX } from "react";
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 jest.mock("@src/services/content-api/content-service", () => ({
   getContentForVaccine: jest.fn(),
 }));
@@ -88,11 +66,9 @@ jest.mock("cheerio", () => ({
       attr: jest.fn(),
     }));
 
-    const $ = Object.assign(selectorImpl, {
+    return Object.assign(selectorImpl, {
       html: jest.fn(() => "<p>HTML fragment</p>"),
     });
-
-    return $;
   }),
 }));
 
@@ -121,28 +97,21 @@ const contentErrorResponse = {
 };
 
 describe("Any vaccine page", () => {
-
   const mockedConfig = config as ConfigMock;
 
   beforeEach(() => {
     const defaultConfig = configBuilder()
       .withCampaigns(
         Campaigns.fromJson(
           JSON.stringify({
-            COVID_19: [
-              { start: "2025-11-01T09:00:00Z", end: "2026-01-31T09:00:00Z" }
-            ],
+            COVID_19: [{ start: "2025-11-01T09:00:00Z", end: "2026-01-31T09:00:00Z" }],
           }),
         )!,
       )
       .build();
     Object.assign(mockedConfig, defaultConfig);
   });
 
-  const renderNamedVaccinePage = async (vaccineType: VaccineType) => {
-    render(await Vaccine({ vaccineType: vaccineType }));
-  };
-
   const renderRsvVaccinePage = async () => {
     await renderNamedVaccinePage(VaccineType.RSV);
   };
@@ -161,12 +130,6 @@ describe("Any vaccine page", () => {
         nhs_number: nhsNumber,
       },
     });
-    const fakeHeaders: ReadonlyHeaders = {
-      get(name: string): string | null {
-        return `fake-${name}-header`;
-      },
-    } as ReadonlyHeaders;
-    (headers as jest.Mock).mockResolvedValue(fakeHeaders);
   });
 
   describe("shows content section, when content available", () => {
@@ -257,6 +220,61 @@ describe("Any vaccine page", () => {
     });
   });
 
+  describe("shows callouts and actions for Vaccines that handle campaigns (COVID_19)", () => {
+    const mockedConfig = config as ConfigMock;
+    const campaigns = new Campaigns({});
+    const covid19VaccineType = VaccineType.COVID_19;
+
+    beforeEach(() => {
+      (getContentForVaccine as jest.Mock).mockResolvedValue(contentSuccessResponse);
+      (getEligibilityForPerson as jest.Mock).mockResolvedValue(eligibilitySuccessResponse);
+      const defaultConfig = configBuilder().withCampaigns(campaigns).build();
+      Object.assign(mockedConfig, defaultConfig);
+    });
+
+    it("should include callout text when campaign is inactive", async () => {
+      const inactiveCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(false);
+      await renderNamedVaccinePage(covid19VaccineType);
+
+      const calloutText: HTMLElement = screen.getByTestId("callout");
+
+      expect(inactiveCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
+      expect(calloutText).toBeInTheDocument();
+      inactiveCampaignSpy.mockRestore();
+    });
+
+    it("should not include callout text when campaign is active", async () => {
+      const activeCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(true);
+      await renderNamedVaccinePage(covid19VaccineType);
+
+      const calloutText: HTMLElement | null = screen.queryByTestId("callout");
+
+      expect(activeCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
+      expect(calloutText).toBeNull();
+      activeCampaignSpy.mockRestore();
+    });
+
+    it("should include actions when campaign is active", async () => {
+      const activeCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(true);
+      await renderNamedVaccinePage(covid19VaccineType);
+
+      const actions: HTMLElement = screen.getByTestId("eligibility-actions-mock");
+      expect(activeCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
+      expect(actions).toBeInTheDocument();
+      activeCampaignSpy.mockRestore();
+    });
+
+    it("should not include actions when campaign is inactive", async () => {
+      const inactiveCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(false);
+      await renderNamedVaccinePage(covid19VaccineType);
+
+      const actions: HTMLElement | null = screen.queryByTestId("eligibility-actions-mock");
+      expect(inactiveCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
+      expect(actions).toBeNull();
+      inactiveCampaignSpy.mockRestore();
+    });
+  });
+
   describe("shows content section, when content load fails", () => {
     beforeEach(() => {
       (getContentForVaccine as jest.Mock).mockResolvedValue(contentErrorResponse);
@@ -440,6 +458,10 @@ describe("Any vaccine page", () => {
     });
   });
 
+  const renderNamedVaccinePage = async (vaccineType: VaccineType) => {
+    render(await Vaccine({ vaccineType: vaccineType }));
+  };
+
   const expectRenderEligibilitySectionWith = (
     vaccineType: VaccineType,
     eligibilityForPerson: EligibilityForPersonType,

src/app/_components/vaccine/Vaccine.tsx

@@ -16,11 +16,10 @@ import { ContentErrorTypes, StyledVaccineContent } from "@src/services/content-a
 import { getEligibilityForPerson } from "@src/services/eligibility-api/domain/eligibility-filter-service";
 import { EligibilityErrorTypes, EligibilityForPersonType } from "@src/services/eligibility-api/types";
 import config from "@src/utils/config";
-import { UtcDateTimeFromStringSchema } from "@src/utils/date";
+import { getNow } from "@src/utils/date";
 import { profilePerformanceEnd, profilePerformanceStart } from "@src/utils/performance";
 import { requestScopedStorageWrapper } from "@src/utils/requestScopedStorageWrapper";
 import { Session } from "next-auth";
-import { headers } from "next/headers";
 import React, { JSX } from "react";
 
 import styles from "./styles.module.css";
@@ -43,16 +42,7 @@ const VaccineComponent = async ({ vaccineType }: VaccineProps): Promise<JSX.Elem
   const vaccineInfo: VaccineDetails = VaccineInfo[vaccineType];
 
   const campaigns = await config.CAMPAIGNS;
-  const now = await _getNow();
-  const isCampaignActive: boolean = campaigns.isActive(vaccineType, now);
-  async function _getNow() {
-    try {
-      const headersList = await headers();
-      return UtcDateTimeFromStringSchema.safeParse(headersList.get("x-e2e-datetime")).data ?? new Date();
-    } catch {
-      return new Date();
-    }
-  }
+  const isCampaignActive: boolean = campaigns.isActive(vaccineType, await getNow());
 
   let styledVaccineContent: StyledVaccineContent | undefined;
   let contentError: ContentErrorTypes | undefined;