VIA-599 SB & AS Update site header from "Check and book an RSV vaccination" to "Check and book vaccinations".

Author: acerathereinspirative-nhs-nvir

e2e/constants.ts

@@ -12,7 +12,7 @@ export type PageDetails = {
   snapshotFilename: string;
 };
 
-const SERVICE_HEADING = "Check and book an RSV vaccination";
+const SERVICE_HEADING = "Check and book vaccinations";
 const NHS_TITLE_SUFFIX = "NHS";
 
 export const AppPageDetails: Record<PageName, PageDetails> = {

src/app/_components/nhs-frontend/AppHeader.test.tsx

@@ -1,5 +1,6 @@
 import { useBrowserContext } from "@src/app/_components/context/BrowserContext";
 import AppHeader from "@src/app/_components/nhs-frontend/AppHeader";
+import { SERVICE_HEADING } from "@src/app/constants";
 import { userLogout } from "@src/utils/auth/user-logout";
 import { mockNHSAppJSFunctions } from "@src/utils/nhsapp-js.test";
 import { render, screen } from "@testing-library/react";
@@ -18,7 +19,7 @@ jest.mock("@src/utils/auth/user-logout", () => ({
 }));
 
 const expectHeaderVisible = (expectedVisible: boolean) => {
-  const serviceLink: HTMLElement | null = screen.queryByText("Check and book an RSV vaccination");
+  const serviceLink: HTMLElement | null = screen.queryByText(SERVICE_HEADING);
   const logo: HTMLElement | null = screen.queryByRole("img", { name: "NHS" });
 
   if (expectedVisible) {
@@ -60,7 +61,7 @@ describe("AppHeader", () => {
         render(<AppHeader />);
 
         const logoAndServiceLink: HTMLElement = screen.getByRole("link", {
-          name: "NHS Check and book an RSV vaccination homepage",
+          name: `NHS ${SERVICE_HEADING} homepage`,
         });
 
         expect(logoAndServiceLink?.getAttribute("href")).toEqual("/check-and-book-rsv");
@@ -91,7 +92,7 @@ describe("AppHeader", () => {
         render(<AppHeader />);
 
         const logoAndServiceLink: HTMLElement = screen.getByRole("link", {
-          name: "NHS Check and book an RSV vaccination homepage",
+          name: `NHS ${SERVICE_HEADING} homepage`,
         });
 
         expect(logoAndServiceLink.getAttribute("href")).toEqual("#");

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

@@ -1,4 +1,5 @@
 import VaccinationsHub from "@src/app/check-and-book-rsv/page";
+import { SERVICE_HEADING } from "@src/app/constants";
 import { getContentForVaccine } from "@src/services/content-api/content-service";
 import { ContentErrorTypes } from "@src/services/content-api/types";
 import { mockStyledContent } from "@test-data/content-api/data";
@@ -114,6 +115,6 @@ describe("Vaccination Hub Page", () => {
   };
 
   const expectHeadingToBeRendered = () => {
-    expect(queryHeading("Check and book an RSV vaccination", 1)).toBeVisible();
+    expect(queryHeading(SERVICE_HEADING, 1)).toBeVisible();
   };
 });

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

@@ -1,4 +1,5 @@
 import VaccinationsHub from "@src/app/check-and-book-vaccinations/page";
+import { SERVICE_HEADING } from "@src/app/constants";
 import { render, screen } from "@testing-library/react";
 
 describe("Vaccination Hub Page", () => {
@@ -12,7 +13,7 @@ describe("Vaccination Hub Page", () => {
 });
 
 const expectHeadingToBeRendered = () => {
-  expect(queryHeading("Check and book an RSV vaccination", 1)).toBeVisible();
+  expect(queryHeading(SERVICE_HEADING, 1)).toBeVisible();
 };
 
 const queryHeading = (text: string, level: number): HTMLElement | null => {

src/app/constants.ts

@@ -1,5 +1,5 @@
 export const VACCINATIONS_HUB_PAGE_ROUTE = "/check-and-book-rsv";
-export const SERVICE_HEADING = "Check and book an RSV vaccination";
+export const SERVICE_HEADING = "Check and book vaccinations";
 export const VACCINES_FOR_ALL_AGES_PAGE = "Vaccines for all ages";
 export const NHS_TITLE_SUFFIX = "NHS";
 export const HUB_FEEDBACK_REFERRER_ID = "hub";

src/app/our-policies/accessibility/page.tsx

@@ -12,7 +12,7 @@ const AccessibilityStatement = () => {
 
       <BackLink />
       <MainContent>
-        <h1>Accessibility statement for Check and book an RSV vaccination</h1>
+        <h1>Accessibility statement for {SERVICE_HEADING}</h1>
 
         <article>
           <section>

src/app/vaccines/[vaccine]/page.test.tsx

@@ -1,4 +1,5 @@
 import Vaccine from "@src/app/_components/vaccine/Vaccine";
+import { SERVICE_HEADING } from "@src/app/constants";
 import { VaccineTypes } from "@src/models/vaccine";
 import { getContentForVaccine } from "@src/services/content-api/content-service";
 import { mockStyledContent } from "@test-data/content-api/data";
@@ -40,7 +41,7 @@ describe("Dynamic vaccine page", () => {
 
   it("has vaccine title", async () => {
     await renderDynamicPage("rsv");
-    expect(document.title).toBe("RSV vaccine for older adults - Check and book an RSV vaccination - NHS");
+    expect(document.title).toBe(`RSV vaccine for older adults - ${SERVICE_HEADING} - NHS`);
   });
 
   it("renders the feedback banner with correct url", async () => {