VIA-293 SB/EO Add Flu for children aged 2 to 3 page

Author: elenaoanea-nhs

e2e/constants.ts

@@ -16,7 +16,8 @@ type VaccinePageName =
   | "hib-menc"
   | "flu-in-pregnancy"
   | "flu-vaccine"
-  | "covid-19-vaccine";
+  | "covid-19-vaccine"
+  | "flu-for-children";
 type FailurePageName = "sso-failure" | "service-failure" | "not-found";
 type SessionPageName = "session-timeout" | "session-logout";
 type IndexPageName = "vaccines-for-all-ages" | "vaccine-hub" | "vaccines-during-pregnancy";
@@ -156,6 +157,12 @@ export const AppPageDetails: Record<PageName, PageDetails> = {
     title: `COVID-19 vaccine - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
     snapshotFilename: "default-covid-19-vaccine.png",
   },
+  "flu-for-children": {
+    url: "/vaccines/flu-vaccine-for-children",
+    heading: "Flu vaccine for children aged 2 to 3",
+    title: `Flu vaccine for children aged 2 to 3 - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
+    snapshotFilename: "default-flu-vaccine-for-children.png",
+  },
 
   // failure pages
   "sso-failure": {

e2e/general/navigation.spec.ts

@@ -48,6 +48,7 @@ test.describe("Navigation", () => {
     { section: AgeSectionTestId.CHILDREN, linkText: "MenB", pageName: "menb-children" },
     { section: AgeSectionTestId.CHILDREN, linkText: "Pneumococcal", pageName: "pneumococcal" },
     { section: AgeSectionTestId.CHILDREN, linkText: "Hib/MenC", pageName: "hib-menc" },
+    { section: AgeSectionTestId.CHILDREN, linkText: "Flu for children aged 2 to 3", pageName: "flu-for-children" },
 
     { section: AgeSectionTestId.BABIES, linkText: "6-in-1", pageName: "6-in-1" },
     { section: AgeSectionTestId.BABIES, linkText: "Rotavirus", pageName: "rotavirus" },

src/models/vaccine.ts

@@ -22,6 +22,7 @@ enum VaccineType {
   FLU_IN_PREGNANCY = "FLU_IN_PREGNANCY",
   COVID_19 = "COVID_19",
   FLU_FOR_ADULTS = "FLU_FOR_ADULTS",
+  FLU_FOR_CHILDREN = "FLU_FOR_CHILDREN",
 }
 
 export type VaccineDetails = {
@@ -336,6 +337,22 @@ const VaccineInfo: Record<VaccineType, VaccineDetails> = {
     cacheFilename: "flu-vaccine.json" as Filename,
     nbsPath: "path-to-be-removed" as UrlPathFragment,
   },
+  [VaccineType.FLU_FOR_CHILDREN]: {
+    urlPath: "flu-vaccine-for-children" as UrlPathFragment,
+    displayName: {
+      titleCase: "Flu",
+      midSentenceCase: "flu",
+      indefiniteArticle: "a",
+    },
+    heading: "Flu vaccine for children aged 2 to 3",
+    cardLinkTitle: "Flu for children aged 2 to 3",
+    nhsWebpageLink: new URL("https://www.nhs.uk/vaccinations/child-flu-vaccine/"),
+    nhsHowToGetWebpageLink: new URL("https://www.nhs.uk/vaccinations/child-flu-vaccine/#how-to-get-it"),
+    personalisedEligibilityStatusRequired: false,
+    contentPath: "vaccinations/flu-vaccine-for-children" as UrlPathFragment,
+    cacheFilename: "child-flu-vaccine.json" as Filename,
+    nbsPath: "path-to-be-removed" as UrlPathFragment,
+  },
 };
 
 const vaccineUrlPathToVaccineType = new Map<UrlPathFragment, VaccineType>();
@@ -365,6 +382,7 @@ const childVaccines: VaccineType[] = [
   VaccineType.MENB_CHILDREN,
   VaccineType.PNEUMOCOCCAL,
   VaccineType.HIB_MENC,
+  VaccineType.FLU_FOR_CHILDREN,
 ];
 const babyVaccines: VaccineType[] = [
   VaccineType.VACCINE_6_IN_1,

src/services/content-api/parsers/content-filter-service.test.ts

@@ -9,6 +9,7 @@ import {
   _removeExcludedHyperlinks,
   getFilteredContentForVaccine,
 } from "@src/services/content-api/parsers/content-filter-service";
+import { getFilteredContentForFluForChildrenVaccine } from "@src/services/content-api/parsers/custom/flu-for-children";
 import { getFilteredContentForFluInPregnancyVaccine } from "@src/services/content-api/parsers/custom/flu-in-pregnancy";
 import { getFilteredContentForFluVaccine } from "@src/services/content-api/parsers/custom/flu-vaccine";
 import { getFilteredContentForWhoopingCoughVaccine } from "@src/services/content-api/parsers/custom/whooping-cough";
@@ -26,6 +27,7 @@ import { contentWithoutBenefitsHealthAspect, contentWithoutCallout } from "@test
 jest.mock("@src/services/content-api/parsers/custom/whooping-cough");
 jest.mock("@src/services/content-api/parsers/custom/flu-in-pregnancy");
 jest.mock("@src/services/content-api/parsers/custom/flu-vaccine");
+jest.mock("@src/services/content-api/parsers/custom/flu-for-children");
 
 describe("Content Filter", () => {
   describe("_extractDescriptionForVaccine", () => {
@@ -774,6 +776,14 @@ describe("Content Filter", () => {
 
         expect(getFilteredContentForFluInPregnancyVaccine).toHaveBeenCalledWith(mockApiContent);
       });
+
+      it("should call getFilteredContentForFluForChildrenVaccine for flu for children vaccine", () => {
+        const mockApiContent = "testContent";
+
+        getFilteredContentForVaccine(VaccineType.FLU_FOR_CHILDREN, mockApiContent);
+
+        expect(getFilteredContentForFluForChildrenVaccine).toHaveBeenCalledWith(mockApiContent);
+      });
     });
   });
 });

src/services/content-api/parsers/content-filter-service.ts

@@ -1,5 +1,6 @@
 import { VaccineType } from "@src/models/vaccine";
 import { getAdditionalContentForCovid19Vaccine } from "@src/services/content-api/parsers/custom/covid-19";
+import { getFilteredContentForFluForChildrenVaccine } from "@src/services/content-api/parsers/custom/flu-for-children";
 import { getFilteredContentForFluInPregnancyVaccine } from "@src/services/content-api/parsers/custom/flu-in-pregnancy";
 import { getFilteredContentForFluVaccine } from "@src/services/content-api/parsers/custom/flu-vaccine";
 import { getFilteredContentForWhoopingCoughVaccine } from "@src/services/content-api/parsers/custom/whooping-cough";
@@ -216,6 +217,8 @@ const getFilteredContentForVaccine = (vaccineType: VaccineType, apiContent: stri
       return getFilteredContentForFluInPregnancyVaccine(apiContent);
     case VaccineType.FLU_FOR_ADULTS:
       return getFilteredContentForFluVaccine(apiContent);
+    case VaccineType.FLU_FOR_CHILDREN:
+      return getFilteredContentForFluForChildrenVaccine(apiContent);
     case VaccineType.COVID_19:
       const standardVaccineContent = getFilteredContentForStandardVaccine(apiContent);
       const additionalCovid19VaccineContent = getAdditionalContentForCovid19Vaccine();

src/services/content-api/parsers/custom/flu-for-children.test.tsx

@@ -0,0 +1,41 @@
+import { getFilteredContentForFluForChildrenVaccine } from "@src/services/content-api/parsers/custom/flu-for-children";
+import { genericVaccineContentAPIResponse } from "@test-data/content-api/data";
+
+describe("getFilteredContentForFluVaccine", () => {
+  it("should return overview text from lead paragraph mainEntityOfPage object", async () => {
+    const expectedOverview = {
+      overview: { content: "Generic Vaccine Lead Paragraph (overview)", containsHtml: false },
+    };
+
+    const pageCopy = getFilteredContentForFluForChildrenVaccine(JSON.stringify(genericVaccineContentAPIResponse));
+
+    expect(pageCopy).toEqual(expect.objectContaining(expectedOverview));
+  });
+
+  it("should return warning callout", () => {
+    const expected = {
+      callout: {
+        heading: "Booking service closed",
+        content: "Flu vaccine bookings will reopen in autumn 2026",
+        contentType: "string",
+      },
+    };
+
+    const pageCopy = getFilteredContentForFluForChildrenVaccine(JSON.stringify(genericVaccineContentAPIResponse));
+
+    expect(pageCopy).toEqual(expect.objectContaining(expected));
+  });
+
+  it("should return recommendation", () => {
+    const expected = {
+      recommendation: {
+        heading: "The flu vaccine is recommended for children who:",
+        content: "* are aged 2 or 3 years (born between September 2021 and 31 August 2023)",
+      },
+    };
+
+    const pageCopy = getFilteredContentForFluForChildrenVaccine(JSON.stringify(genericVaccineContentAPIResponse));
+
+    expect(pageCopy).toEqual(expect.objectContaining(expected));
+  });
+});

src/services/content-api/parsers/custom/flu-for-children.tsx

@@ -0,0 +1,18 @@
+import { getFilteredContentForStandardVaccine } from "@src/services/content-api/parsers/content-filter-service";
+import { HeadingWithContent, HeadingWithTypedContent, VaccinePageContent } from "@src/services/content-api/types";
+
+export const getFilteredContentForFluForChildrenVaccine = (apiContent: string): VaccinePageContent => {
+  const standardFilteredContent = getFilteredContentForStandardVaccine(apiContent);
+
+  const callout: HeadingWithTypedContent = {
+    heading: "Booking service closed",
+    content: "Flu vaccine bookings will reopen in autumn 2026",
+    contentType: "string",
+  };
+
+  const recommendation: HeadingWithContent = {
+    heading: "The flu vaccine is recommended for children who:",
+    content: ["* are aged 2 or 3 years (born between September 2021 and 31 August 2023)"].join("\n"),
+  };
+  return { ...standardFilteredContent, callout, recommendation };
+};