VIA-629 SB Add in-campaign and no-campaign variants for Covid page to e2e and snapshot tests.

Author: acerathereinspirative-nhs-nvir

e2e/constants.ts

@@ -17,6 +17,7 @@ type VaccinePageName =
   | "flu-in-pregnancy"
   | "flu-vaccine"
   | "covid-19-vaccine"
+  | "covid-19-vaccine-active-campaign"
   | "flu-for-children"
   | "flu-for-school-aged-children";
 type FailurePageName = "sso-failure" | "service-failure" | "service-failure-static" | "not-found";
@@ -29,6 +30,7 @@ export type PageDetails = {
   heading: string;
   title: string;
   snapshotFilename: string;
+  datetimeOverride?: Date;
 };
 
 const SERVICE_HEADING = "Check and book vaccinations";
@@ -157,6 +159,14 @@ export const AppPageDetails: Record<PageName, PageDetails> = {
     heading: "COVID-19 vaccine",
     title: `COVID-19 vaccine - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
     snapshotFilename: "default-covid-19-vaccine.png",
+    datetimeOverride: new Date("2026-06-01"),
+  },
+  "covid-19-vaccine-active-campaign": {
+    url: "/vaccines/covid-19-vaccine",
+    heading: "COVID-19 vaccine",
+    title: `COVID-19 vaccine - ${SERVICE_HEADING} - ${NHS_TITLE_SUFFIX}`,
+    snapshotFilename: "default-covid-19-vaccine-active-campaign.png",
+    datetimeOverride: new Date("2025-12-01"),
   },
   "flu-for-children": {
     url: "/vaccines/flu-vaccine-for-children",

e2e/general/app.spec.ts

@@ -12,6 +12,8 @@ test.describe("Application", () => {
     test(`Check title, heading, accessibility, LCP performance for ${pageName} page`, async ({
       page,
     }, testInfo: TestInfo) => {
+      if (pageDetails.datetimeOverride)
+        await page.setExtraHTTPHeaders({ "x-e2e-datetime": pageDetails.datetimeOverride.toISOString() });
       await page.goto(pageDetails.url);
       await expect(page).toHaveTitle(pageDetails.title);
       await expect(page.getByRole("heading", { level: 1, name: pageDetails.heading })).toBeVisible();

e2e/snapshot/app.snapshot.spec.ts

@@ -5,35 +5,26 @@ import { getEnv, openExpandersIfPresent, pathForCustomScreenshots } from "@proje
 const currentDatetime = getEnv("CURRENT_DATETIME");
 const checkoutRef = getEnv("CHECKOUT_REF");
 
-const testPageSnapshot = async (
-  page: Page,
-  snapshotFileName: string,
-  pageRoute: string,
-  testFileName: string,
-  projectName: string,
-) => {
-  const screenshotPath: string = pathForCustomScreenshots(testFileName, snapshotFileName, projectName);
-  await page.goto(pageRoute);
+const testPageSnapshot = async (page: Page, pageDetails: PageDetails, testFileName: string, projectName: string) => {
+  const screenshotPath: string = pathForCustomScreenshots(testFileName, pageDetails.snapshotFilename, projectName);
+
+  if (pageDetails.datetimeOverride)
+    await page.setExtraHTTPHeaders({ "x-e2e-datetime": pageDetails.datetimeOverride.toISOString() });
+
+  await page.goto(pageDetails.url);
 
   // wait for specific elements on the page, as they may take longer to load
-  if (pageRoute !== AppPageDetails["service-failure-static"].url) {
+  if (pageDetails.url !== AppPageDetails["service-failure-static"].url) {
     await page.getByRole("link", { name: "Log out" }).waitFor();
   }
 
   await openExpandersIfPresent(page);
 
   // This screenshot is NOT used for comparison; used to upload to S3 on failure
-  await page.screenshot({
-    path: screenshotPath,
-    fullPage: true,
-    scale: "device",
-  });
+  await page.screenshot({ path: screenshotPath, fullPage: true, scale: "device" });
 
   // This screenshot IS used for comparison with the snapshot from S3
-  await expect.soft(page).toHaveScreenshot(snapshotFileName, {
-    fullPage: true,
-    scale: "device",
-  });
+  await expect.soft(page).toHaveScreenshot(pageDetails.snapshotFilename, { fullPage: true, scale: "device" });
 };
 
 test.describe(`Snapshot Testing - ${currentDatetime}-${checkoutRef}`, () => {
@@ -44,7 +35,7 @@ test.describe(`Snapshot Testing - ${currentDatetime}-${checkoutRef}`, () => {
       const projectName = testInfo.project.name;
       const testFileName = testInfo.file.split("/").pop()!;
 
-      await testPageSnapshot(page, pageDetails.snapshotFilename, pageDetails.url, testFileName, projectName);
+      await testPageSnapshot(page, pageDetails, testFileName, projectName);
     });
   });
 });

src/services/content-api/parsers/custom/covid-19.tsx

@@ -27,11 +27,14 @@ export const buildFilteredContentForCovid19Vaccine = async (apiContent: string):
   let callout: HeadingWithTypedContent | undefined;
   const actions: Action[] = [];
   if (campaigns.isActive(VaccineType.COVID_19, now)) {
-    log.debug({ context: { campaigns, vaccineType: VaccineType.COVID_19 } }, "Campaign active");
+    log.debug({ context: { campaigns, vaccineType: VaccineType.COVID_19, now: now.toISOString() } }, "Campaign active");
     callout = undefined;
     actions.push(...(await _buildActions()));
   } else {
-    log.debug({ context: { campaigns, vaccineType: VaccineType.COVID_19 } }, "No campaign active");
+    log.debug(
+      { context: { campaigns, vaccineType: VaccineType.COVID_19, now: now.toISOString() } },
+      "No campaign active",
+    );
     callout = {
       heading: "Booking service closed",
       content: [
@@ -56,9 +59,7 @@ export const buildFilteredContentForCovid19Vaccine = async (apiContent: string):
 
 async function _getNow() {
   const headersList = await headers();
-  const now = UtcDateTimeFromStringSchema.safeParse(headersList.get("x-e2e-datetime")).data ?? new Date();
-  log.debug({ context: { headersList, now: now.toDateString() } }, "headers");
-  return now;
+  return UtcDateTimeFromStringSchema.safeParse(headersList.get("x-e2e-datetime")).data ?? new Date();
 }
 
 async function _buildActions(): Promise<Action[]> {