VIA-301 MD: Add 6-in-1 vaccine page with link to it on vaccines-for-all page

Author: marie-dedikova-nhs

src/app/vaccines-for-all-ages/page.test.tsx

@@ -6,7 +6,7 @@ enum AgeSectionTestId {
   ADULTS = "vaccine-cardlinks-adults",
   CHILDREN = "vaccine-cardlinks-children",
   PREGNANCY = "vaccine-cardlinks-pregnancy",
-  //  BABIES = "vaccine-cardlinks-babies"
+  BABIES = "vaccine-cardlinks-babies",
 }
 
 jest.mock("@src/app/_components/nhs-frontend/BackLink", () => jest.fn(() => <div data-testid="back-link"></div>));
@@ -49,6 +49,7 @@ describe("VaccinesForAllAges", () => {
       "/vaccines/td-ipv-vaccine-3-in-1-teenage-booster",
       AgeSectionTestId.CHILDREN,
     );
+    assertCardLinkIsPresentInSection("6-in-1", "/vaccines/6-in-1-vaccine", AgeSectionTestId.BABIES);
   });
 
   it("should render back link", () => {

src/app/vaccines-for-all-ages/page.tsx

@@ -41,7 +41,12 @@ const VaccinesForAllAges = (): JSX.Element => {
           />
         </ul>
         <h2 className="nhsuk-heading-s">Vaccines for babies under 1 year old</h2>
-        <ul className="nhsapp-cards nhsapp-cards--stacked" data-testid={"vaccine-cardlinks-babies"}></ul>
+        <ul className="nhsapp-cards nhsapp-cards--stacked" data-testid={"vaccine-cardlinks-babies"}>
+          <CardLink
+            title={`${VaccineInfo[VaccineTypes.VACCINE_6_IN_1].cardLinkTitle}`}
+            link={`/vaccines/${VaccineContentUrlPaths.VACCINE_6_IN_1}`}
+          />
+        </ul>
       </MainContent>
     </>
   );

src/models/vaccine.ts

@@ -4,26 +4,30 @@ enum VaccineTypes {
   RSV = "RSV",
   RSV_PREGNANCY = "RSV_PREGNANCY",
   TD_IPV_3_IN_1 = "TD_IPV_3_IN_1",
+  VACCINE_6_IN_1 = "VACCINE_6_IN_1",
 }
 
 // vaccine suffix paths used by the app (e.g. /vaccines/"rsv")
 enum VaccineContentUrlPaths {
   RSV = "rsv",
   RSV_PREGNANCY = "rsv-pregnancy",
   TD_IPV_3_IN_1 = "td-ipv-vaccine-3-in-1-teenage-booster",
+  VACCINE_6_IN_1 = "6-in-1-vaccine",
 }
 
 // maps vaccine url path to vaccine type (one to one)
 const vaccineUrlPathToType: Record<VaccineContentUrlPaths, VaccineTypes> = {
   [VaccineContentUrlPaths.RSV]: VaccineTypes.RSV,
   [VaccineContentUrlPaths.RSV_PREGNANCY]: VaccineTypes.RSV_PREGNANCY,
   [VaccineContentUrlPaths.TD_IPV_3_IN_1]: VaccineTypes.TD_IPV_3_IN_1,
+  [VaccineContentUrlPaths.VACCINE_6_IN_1]: VaccineTypes.VACCINE_6_IN_1,
 };
 // maps vaccine type to url path (one to one)
 const vaccineTypeToUrlPath: Record<VaccineTypes, VaccineContentUrlPaths> = {
   [VaccineTypes.RSV]: VaccineContentUrlPaths.RSV,
   [VaccineTypes.RSV_PREGNANCY]: VaccineContentUrlPaths.RSV_PREGNANCY,
   [VaccineTypes.TD_IPV_3_IN_1]: VaccineContentUrlPaths.TD_IPV_3_IN_1,
+  [VaccineTypes.VACCINE_6_IN_1]: VaccineContentUrlPaths.VACCINE_6_IN_1,
 };
 
 export type VaccineDetails = {
@@ -86,6 +90,18 @@ const VaccineInfo: Record<VaccineTypes, VaccineDetails> = {
     ),
     personalisedEligibilityStatusRequired: false,
   },
+  [VaccineTypes.VACCINE_6_IN_1]: {
+    displayName: {
+      titleCase: "6-in-1",
+      midSentenceCase: "6-in-1",
+      indefiniteArticle: "a",
+    },
+    heading: "6-in-1 vaccine",
+    cardLinkTitle: "6-in-1",
+    nhsWebpageLink: new URL("https://www.nhs.uk/vaccinations/6-in-1-vaccine/"),
+    nhsHowToGetWebpageLink: new URL("https://www.nhs.uk/vaccinations/6-in-1-vaccine/#how-to-get-it"),
+    personalisedEligibilityStatusRequired: false,
+  },
 };
 
 export type NhsNumber = Brand<string, "NhsNumber">;

src/services/content-api/constants.ts

@@ -4,13 +4,15 @@ import { VaccineTypes } from "@src/models/vaccine";
 enum VaccineContentPaths {
   RSV = "rsv-vaccine",
   TD_IPV_3_IN_1 = "td-ipv-vaccine-3-in-1-teenage-booster",
+  VACCINE_6_IN_1 = "6-in-1-vaccine",
 }
 
 // maps vaccine type to content API paths (many to one, e.g. case RSV)
 const vaccineTypeToPath: Record<VaccineTypes, VaccineContentPaths> = {
   [VaccineTypes.RSV]: VaccineContentPaths.RSV,
   [VaccineTypes.RSV_PREGNANCY]: VaccineContentPaths.RSV,
   [VaccineTypes.TD_IPV_3_IN_1]: VaccineContentPaths.TD_IPV_3_IN_1,
+  [VaccineTypes.VACCINE_6_IN_1]: VaccineContentPaths.VACCINE_6_IN_1,
 };
 
 const INVALIDATED_CONTENT_OVERWRITE_VALUE =

src/services/content-api/parsers/content-styling-service.tsx

@@ -115,6 +115,7 @@ const styleHowToGetSection: Record<VaccineTypes, (section: VaccinePageSection, f
     [VaccineTypes.RSV]: styleHowToGetSectionForRsv,
     [VaccineTypes.RSV_PREGNANCY]: styleHowToGetSectionForRsvPregnancy,
     [VaccineTypes.TD_IPV_3_IN_1]: styleSection,
+    [VaccineTypes.VACCINE_6_IN_1]: styleSection,
   };
 
 const getStyledContentForVaccine = async (