VIA-599 AS/SB Create multi vaccines hub page

Author: anoop-surej-nhs

e2e/constants.ts

@@ -2,7 +2,7 @@ type PoliciesPageName = "cookies-policy" | "accessibility-statement";
 type VaccinePageName = "rsv-older-adults" | "rsv-pregnancy" | "td-ipv";
 type FailurePageName = "sso-failure" | "service-failure" | "not-found";
 type SessionPageName = "session-timeout" | "session-logout";
-type IndexPageName = "vaccines-hub" | "vaccines-for-all-ages";
+type IndexPageName = "vaccines-hub" | "vaccines-for-all-ages" | "multi-vaccines-hub";
 
 export type PageName = IndexPageName | VaccinePageName | FailurePageName | SessionPageName | PoliciesPageName;
 export type PageDetails = {
@@ -23,6 +23,12 @@ export const AppPageDetails: Record<PageName, PageDetails> = {
     title: `${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
     snapshotFilename: "default-hub.png",
   },
+  "multi-vaccines-hub": {
+    url: "/check-and-book-vaccinations",
+    heading: `${SERVICE_HEADING}`,
+    title: `${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
+    snapshotFilename: "default-multi-vaccines-hub.png",
+  },
   "vaccines-for-all-ages": {
     url: "/vaccines-for-all-ages",
     heading: "Vaccines for all ages",

src/app/check-and-book-vaccinations/page.test.tsx

@@ -0,0 +1,23 @@
+import VaccinationsHub from "@src/app/check-and-book-vaccinations/page";
+import { render, screen } from "@testing-library/react";
+
+describe("Vaccination Hub Page", () => {
+  beforeEach(async () => {
+    render(VaccinationsHub());
+  });
+
+  it("renders heading", async () => {
+    expectHeadingToBeRendered();
+  });
+});
+
+const expectHeadingToBeRendered = () => {
+  expect(queryHeading("Check and book an RSV vaccination", 1)).toBeVisible();
+};
+
+const queryHeading = (text: string, level: number): HTMLElement | null => {
+  return screen.queryByRole("heading", {
+    name: text,
+    level: level,
+  });
+};

src/app/check-and-book-vaccinations/page.tsx

@@ -0,0 +1,13 @@
+import { NHS_TITLE_SUFFIX, SERVICE_HEADING } from "@src/app/constants";
+import React from "react";
+
+const VaccinationsHub = () => {
+  return (
+    <>
+      <title>{`${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`}</title>
+      <h1 className={"app-dynamic-page-title__heading"}>{SERVICE_HEADING}</h1>
+    </>
+  );
+};
+
+export default VaccinationsHub;