VIA-599 AS/SB Add link to vaccines for all ages page from new hub

Author: anoop-surej-nhs

e2e/general/navigation.spec.ts

@@ -16,6 +16,16 @@ test.describe("Navigation", () => {
     await clickLinkAndExpectPageTitle(page, "Back", AppPageDetails["vaccines-hub"].title);
   });
 
+  test("Vaccines and back links from multi vaccine hub page", async ({ page }) => {
+    await page.goto(AppPageDetails["multi-vaccines-hub"].url);
+    await clickLinkAndExpectPageTitle(
+      page,
+      "View vaccines for all ages",
+      AppPageDetails["vaccines-for-all-ages"].title,
+    );
+    await clickLinkAndExpectPageTitle(page, "Back", AppPageDetails["multi-vaccines-hub"].title);
+  });
+
   test("Vaccines and back links from vaccines-for-all-ages page", async ({ page }) => {
     await page.goto(AppPageDetails["vaccines-for-all-ages"].url);
     await clickLinkAndExpectPageTitle(page, "RSV", AppPageDetails["rsv-older-adults"].title);

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

@@ -2,14 +2,22 @@ import VaccinationsHub from "@src/app/check-and-book-vaccinations/page";
 import { SERVICE_HEADING } from "@src/app/constants";
 import { render, screen } from "@testing-library/react";
 
+jest.mock("@src/app/_components/nhs-app/BackToNHSAppLink");
+
 describe("Vaccination Hub Page", () => {
   beforeEach(async () => {
-    render(VaccinationsHub());
+    render(<VaccinationsHub />);
   });
 
   it("renders heading", async () => {
     expectHeadingToBeRendered();
   });
+
+  it("renders  vaccines for all ages button", async () => {
+    const button = screen.getByRole("link", { name: "View vaccines for all ages" });
+    expect(button).toBeVisible();
+    expect(button).toHaveAttribute("href", "/vaccines-for-all-ages");
+  });
 });
 
 const expectHeadingToBeRendered = () => {

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

@@ -1,11 +1,20 @@
+import BackToNHSAppLink from "@src/app/_components/nhs-app/BackToNHSAppLink";
+import MainContent from "@src/app/_components/nhs-frontend/MainContent";
 import { NHS_TITLE_SUFFIX, SERVICE_HEADING } from "@src/app/constants";
+import Link from "next/link";
 import React from "react";
 
 const VaccinationsHub = () => {
   return (
     <>
       <title>{`${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`}</title>
-      <h1 className={"app-dynamic-page-title__heading"}>{SERVICE_HEADING}</h1>
+      <BackToNHSAppLink />
+      <MainContent>
+        <h1 className={"app-dynamic-page-title__heading"}>{SERVICE_HEADING}</h1>
+        <Link href={"/vaccines-for-all-ages"} className={"nhsuk-button nhsuk-button--secondary"}>
+          View vaccines for all ages
+        </Link>
+      </MainContent>
     </>
   );
 };