VIA-296 SB Empty Rotavirus page.

Looking to add content next.

Author: acerathereinspirative-nhs-nvir

e2e/constants.ts

@@ -1,5 +1,5 @@
 type PoliciesPageName = "cookies-policy" | "accessibility-statement";
-type VaccinePageName = "rsv-older-adults" | "rsv-pregnancy" | "td-ipv" | "6-in-1";
+type VaccinePageName = "rsv-older-adults" | "rsv-pregnancy" | "td-ipv" | "6-in-1" | "rotavirus";
 type FailurePageName = "sso-failure" | "service-failure" | "not-found";
 type SessionPageName = "session-timeout" | "session-logout";
 type IndexPageName = "vaccines-for-all-ages" | "vaccine-hub";
@@ -55,6 +55,12 @@ export const AppPageDetails: Record<PageName, PageDetails> = {
     title: `6-in-1 vaccine - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
     snapshotFilename: "default-6-in-1.png",
   },
+  rotavirus: {
+    url: "/vaccines/rotavirus-vaccine",
+    heading: "Rotavirus vaccine",
+    title: `Rotavirus vaccine - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
+    snapshotFilename: "default-rotavirus.png",
+  },
 
   // failure pages
   "sso-failure": {

e2e/general/navigation.spec.ts

@@ -28,6 +28,8 @@ test.describe("Navigation", () => {
     await clickLinkAndExpectPageTitle(page, "Back", AppPageDetails["vaccines-for-all-ages"].title);
     await clickLinkAndExpectPageTitle(page, "6-in-1", AppPageDetails["6-in-1"].title);
     await clickLinkAndExpectPageTitle(page, "Back", AppPageDetails["vaccines-for-all-ages"].title);
+    await clickLinkAndExpectPageTitle(page, "Rotavirus", AppPageDetails["rotavirus"].title);
+    await clickLinkAndExpectPageTitle(page, "Back", AppPageDetails["vaccines-for-all-ages"].title);
   });
 
   test("Skip link navigation", async ({ page }) => {

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

@@ -50,6 +50,7 @@ describe("VaccinesForAllAges", () => {
       AgeSectionTestId.CHILDREN,
     );
     assertCardLinkIsPresentInSection("6-in-1", "/vaccines/6-in-1-vaccine", AgeSectionTestId.BABIES);
+    assertCardLinkIsPresentInSection("Rotavirus", "/vaccines/rotavirus-vaccine", AgeSectionTestId.BABIES);
   });
 
   it("should render back link", () => {

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

@@ -46,6 +46,10 @@ const VaccinesForAllAges = (): JSX.Element => {
             title={`${VaccineInfo[VaccineTypes.VACCINE_6_IN_1].cardLinkTitle}`}
             link={`/vaccines/${VaccineContentUrlPaths.VACCINE_6_IN_1}`}
           />
+          <CardLink
+            title={`${VaccineInfo[VaccineTypes.ROTAVIRUS].cardLinkTitle}`}
+            link={`/vaccines/${VaccineContentUrlPaths.ROTAVIRUS}`}
+          />
         </ul>
       </MainContent>
     </>

src/models/vaccine.ts

@@ -5,6 +5,7 @@ enum VaccineTypes {
   RSV_PREGNANCY = "RSV_PREGNANCY",
   TD_IPV_3_IN_1 = "TD_IPV_3_IN_1",
   VACCINE_6_IN_1 = "VACCINE_6_IN_1",
+  ROTAVIRUS = "ROTAVIRUS",
 }
 
 // vaccine suffix paths used by the app (e.g. /vaccines/"rsv")
@@ -13,6 +14,7 @@ enum VaccineContentUrlPaths {
   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",
+  ROTAVIRUS = "rotavirus-vaccine",
 }
 
 // maps vaccine url path to vaccine type (one to one)
@@ -21,13 +23,15 @@ const vaccineUrlPathToType: Record<VaccineContentUrlPaths, VaccineTypes> = {
   [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,
+  [VaccineContentUrlPaths.ROTAVIRUS]: VaccineTypes.ROTAVIRUS,
 };
 // 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,
+  [VaccineTypes.ROTAVIRUS]: VaccineContentUrlPaths.ROTAVIRUS,
 };
 
 export type VaccineDetails = {
@@ -102,6 +106,18 @@ const VaccineInfo: Record<VaccineTypes, VaccineDetails> = {
     nhsHowToGetWebpageLink: new URL("https://www.nhs.uk/vaccinations/6-in-1-vaccine/#how-to-get-it"),
     personalisedEligibilityStatusRequired: false,
   },
+  [VaccineTypes.ROTAVIRUS]: {
+    displayName: {
+      titleCase: "Rotavirus",
+      midSentenceCase: "rotavirus",
+      indefiniteArticle: "a",
+    },
+    heading: "Rotavirus vaccine",
+    cardLinkTitle: "Rotavirus",
+    nhsWebpageLink: new URL("https://www.nhs.uk/vaccinations/rotavirus-vaccine/"),
+    nhsHowToGetWebpageLink: new URL("https://www.nhs.uk/vaccinations/rotavirus-vaccine/#how-to-get-it"),
+    personalisedEligibilityStatusRequired: false,
+  },
 };
 
 export type NhsNumber = Brand<string, "NhsNumber">;

src/services/content-api/constants.ts

@@ -5,6 +5,7 @@ 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",
+  ROTAVIRUS = "rotavirus-vaccine",
 }
 
 // maps vaccine type to content API paths (many to one, e.g. case RSV)
@@ -13,6 +14,7 @@ const vaccineTypeToPath: Record<VaccineTypes, VaccineContentPaths> = {
   [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,
+  [VaccineTypes.ROTAVIRUS]: VaccineContentPaths.ROTAVIRUS,
 };
 
 const INVALIDATED_CONTENT_OVERWRITE_VALUE =

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

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