VIA-629 AJ/EO Add tests for MoreInformation for COVID vaccine with campaign states

Author: ankur-jain-nhs

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

@@ -1,151 +1,54 @@
 import { MoreInformation } from "@src/app/_components/content/MoreInformation";
 import { VaccineType } from "@src/models/vaccine";
-import { ActionDisplayType, ButtonUrl, Content, Label } 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 {
-  genericVaccineContentAPIResponse,
-  mockStyledContent,
-  mockStyledContentWithoutWhatSection,
-} from "@test-data/content-api/data";
+import { mockStyledContent, mockStyledContentWithoutWhatSection } from "@test-data/content-api/data";
 import { render, screen } from "@testing-library/react";
-import { headers } from "next/headers";
+
+
+
+
+
+
+
+
+
+
+
+
 
 jest.mock("sanitize-data", () => ({ sanitize: jest.fn() }));
 jest.mock("@src/utils/config");
-jest.mock("next/headers");
 
-describe("MoreInformation for COVID", () => {
+describe("MoreInformation component for COVID", () => {
   const mockedConfig = config as ConfigMock;
   const covid19VaccineType: VaccineType = VaccineType.COVID_19;
+  const campaigns = new Campaigns({});
 
   beforeEach(() => {
-    const defaultConfig = configBuilder()
-      .withCampaigns(
-        Campaigns.fromJson(
-          JSON.stringify({
-            COVID_19: [
-              { start: "2025-11-01T09:00:00Z", end: "2026-01-31T09:00:00Z" },
-              { start: "2026-11-01T09:00:00Z", end: "2027-01-31T09:00:00Z" },
-            ],
-          }),
-        )!,
-      )
-      .build();
+    const defaultConfig = configBuilder().withCampaigns(campaigns).build();
     Object.assign(mockedConfig, defaultConfig);
-
-    const mockHeaders = {
-      get: jest.fn(),
-    };
-    (headers as jest.Mock).mockResolvedValue(mockHeaders);
   });
 
-  jest.useFakeTimers();
-
-  it("should return standard vaccine content and additional content for COVID-19 vaccine", async () => {
-    jest.setSystemTime(new Date("2025-10-01"));
+  it("should not show how-to-get expander section for COVID-19 vaccine when campaign is active", async () => {
+    const activeCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(true);
 
     render(await MoreInformation({ styledVaccineContent: mockStyledContent, vaccineType: covid19VaccineType }));
 
-    // COVID-19 vaccine content (closed campaign)
-    expectExpanderBlockToBePresent("How to get the vaccine", "How Section styled component");
-    expectExpanderBlockToBePresent("Callout Heading", "");
-    // expect(pageCopyForCovid19Vaccine.recommendation?.heading).toEqual("The COVID-19 vaccine is recommended if you:");
-  });
-
-  it("should return a callout but no actions when no campaign is active", async () => {
-    // Given
-    jest.setSystemTime(new Date("2025-10-01"));
-
-    const expected = {
-      callout: {
-        heading: "Booking service closed",
-        content:
-          "You can no longer book a COVID-19 vaccination using this online service\n\n" +
-          "Bookings can also no longer be made through the 119 service.\n\n" +
-          "COVID-19 vaccinations will be available again in spring.",
-        contentType: "markdown",
-      },
-    };
-
-    // When
-    const pageCopy = await buildFilteredContentForCovid19Vaccine(JSON.stringify(genericVaccineContentAPIResponse));
-
-    // Then
-    expect(pageCopy).toEqual(expect.objectContaining(expected));
-    expect(pageCopy.actions).toHaveLength(0);
-  });
-
-  it("should return actions but no callout when no campaign is active", async () => {
-    // Given
-    jest.setSystemTime(new Date("2025-12-01"));
-
-    const expected = {
-      actions: [
-        {
-          type: ActionDisplayType.buttonWithInfo,
-          content: "## If this applies to you\n\n### Book an appointment online at a pharmacy" as Content,
-          button: {
-            label: "Continue to booking" as Label,
-            url: new URL("https://test-nbs-url.example.com/sausages") as ButtonUrl,
-          },
-          delineator: true,
-        },
-        {
-          type: ActionDisplayType.actionLinkWithInfo,
-          content: ("## Get vaccinated without an appointment\n\n" +
-            "You can find a walk-in COVID-19 vaccination site to get a vaccination without an appointment. " +
-            "You do not need to be registered with a GP.") as Content,
-          button: {
-            label: "Find a walk-in COVID-19 vaccination site" as Label,
-            url: new URL(
-              "https://www.nhs.uk/nhs-services/vaccination-and-booking-services/find-a-walk-in-covid-19-vaccination-site/",
-            ) as ButtonUrl,
-          },
-          delineator: false,
-        },
-      ],
-    };
-
-    // When
-    const pageCopy = await buildFilteredContentForCovid19Vaccine(JSON.stringify(genericVaccineContentAPIResponse));
-
-    // Then
-    expect(pageCopy).toEqual(expect.objectContaining(expected));
-    expect(pageCopy.callout).toBeUndefined();
+    // COVID-19 vaccine content (active campaign)
+    expectExpanderBlockToNotBePresent("How to get the vaccine", "How Section styled component");
+    expect(activeCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
   });
 
-  describe("with x-e2e-datetime header set", () => {
-    it("should return a callout but no actions when no campaign is active", async () => {
-      const mockHeaders = {
-        get: jest.fn((key: string) => {
-          if (key === "x-e2e-datetime") return "2025-10-01T12:00:00Z";
-          return null;
-        }),
-      };
-      (headers as jest.Mock).mockResolvedValue(mockHeaders);
+  it("should show how-to-get expander section for COVID-19 vaccine when campaign is inactive", async () => {
+    const inactiveCampaignSpy = jest.spyOn(campaigns, "isActive").mockReturnValue(false);
 
-      const pageCopy = await buildFilteredContentForCovid19Vaccine(JSON.stringify(genericVaccineContentAPIResponse));
-
-      expect(pageCopy.callout).not.toBeUndefined();
-      expect(pageCopy.actions).toHaveLength(0);
-    });
-
-    it("should return actions but no callout when no campaign is active", async () => {
-      const mockHeaders = {
-        get: jest.fn((key: string) => {
-          if (key === "x-e2e-datetime") return "2025-12-01T12:00:00Z";
-          return null;
-        }),
-      };
-      (headers as jest.Mock).mockResolvedValue(mockHeaders);
-
-      const pageCopy = await buildFilteredContentForCovid19Vaccine(JSON.stringify(genericVaccineContentAPIResponse));
+    render(await MoreInformation({ styledVaccineContent: mockStyledContent, vaccineType: covid19VaccineType }));
 
-      expect(pageCopy.callout).toBeUndefined();
-      expect(pageCopy.actions).not.toHaveLength(0);
-    });
+    // COVID-19 vaccine content (closed campaign)
+    expectExpanderBlockToBePresent("How to get the vaccine", "How Section styled component");
+    expect(inactiveCampaignSpy).toHaveBeenCalledWith(covid19VaccineType, expect.any(Date));
   });
 });
 
@@ -291,3 +194,8 @@ const expectExpanderBlockToBePresent = (expanderHeading: string, expanderContent
   expect(heading).toBeInTheDocument();
   expect(content).toBeInTheDocument();
 };
+
+const expectExpanderBlockToNotBePresent = (expanderHeading: string, expanderContent: string) => {
+  expect(screen.queryByText(expanderHeading)).toBeNull();
+  expect(screen.queryByText(expanderContent)).toBeNull();
+};

src/app/_components/content/MoreInformation.tsx

@@ -5,8 +5,7 @@ import { HEADINGS } from "@src/app/constants";
 import { VaccineInfo, VaccineType } from "@src/models/vaccine";
 import { StyledVaccineContent } from "@src/services/content-api/types";
 import config from "@src/utils/config";
-import { UtcDateTimeFromStringSchema } from "@src/utils/date";
-import { headers } from "next/headers";
+import { getNow } from "@src/utils/date";
 import { Details } from "nhsuk-react-components";
 import React, { JSX } from "react";
 
@@ -16,17 +15,7 @@ const MoreInformation = async (props: {
   vaccineType: VaccineType;
 }): Promise<JSX.Element> => {
   const campaigns = await config.CAMPAIGNS;
-  const now = await _getNow();
-  const isCampaignActive: boolean = campaigns.isActive(props.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(props.vaccineType, await getNow());
 
   const vaccineInfo = VaccineInfo[props.vaccineType];
   const showHowToGetExpander = vaccineInfo.removeHowToGetExpanderFromMoreInformationSection ? false : !isCampaignActive;