VIA-294 AJ/DB Fix expanders opening for snapshots

Author: ankur-jain-nhs

e2e/helpers.ts

@@ -1,5 +1,5 @@
 import AxeBuilder from "@axe-core/playwright";
-import { Page, TestInfo, expect } from "@playwright/test";
+import { Locator, Page, TestInfo, expect } from "@playwright/test";
 import { snapshotPathTemplate } from "@project/playwright.config";
 
 declare global {
@@ -75,23 +75,29 @@ export const accessibilityCheck = async (page: Page) => {
 export const pathForCustomScreenshots = (testFileName: string, screenshotFileName: string, projectName: string) => {
   const baseFile: string = screenshotFileName.substring(0, screenshotFileName.lastIndexOf("."));
 
-  const path = snapshotPathTemplate
+  return snapshotPathTemplate
     .replace("{testDir}", "./e2e")
     .replace("__snapshots__", "snapshot_review")
     .replace("{testFileName}", testFileName)
     .replace("{arg}", baseFile)
     .replace("{projectName}", projectName)
     .replace("{platform}", process.platform)
     .replace("{ext}", ".png");
-
-  return path;
 };
 
-export const openExpanders = async (page: Page) => {
-  const expanderTitles = ["What the vaccine is for", "Who should have the vaccine", "Side effects of the vaccine"];
+export const openExpandersIfPresent = async (page: Page) => {
+  const expanderTitles = [
+    "What the vaccine is for",
+    "Who should have the vaccine",
+    "How to get the vaccine",
+    "Side effects of the vaccine",
+  ];
 
   for (const title of expanderTitles) {
-    await page.getByText(title).click();
+    const expander: Locator = page.getByText(title);
+    if ((await expander.count()) > 0) {
+      await expander.click();
+    }
   }
 
   await page.mouse.click(0, 0);

e2e/snapshot/app.snapshot.spec.ts

@@ -1,6 +1,6 @@
 import { Page, TestInfo, expect, test } from "@playwright/test";
 import { AppPageDetails, type PageDetails } from "@project/e2e/constants";
-import { getEnv, openExpanders, pathForCustomScreenshots } from "@project/e2e/helpers";
+import { getEnv, openExpandersIfPresent, pathForCustomScreenshots } from "@project/e2e/helpers";
 
 const currentDatetime = getEnv("CURRENT_DATETIME");
 const checkoutRef = getEnv("CHECKOUT_REF");
@@ -16,9 +16,7 @@ const testPageSnapshot = async (
   await page.goto(pageRoute);
   await page.getByRole("link", { name: "Log out" }).waitFor();
 
-  if ([AppPageDetails["rsv-older-adults"].url, AppPageDetails["rsv-pregnancy"].url].includes(pageRoute)) {
-    await openExpanders(page);
-  }
+  await openExpandersIfPresent(page);
 
   // This screenshot is NOT used for comparison; used to upload to S3 on failure
   await page.screenshot({

e2e/snapshot/eligibility.snapshot.spec.ts

@@ -1,6 +1,6 @@
 import { expect, test } from "@playwright/test";
 import { AppPageDetails } from "@project/e2e/constants";
-import { getEnv, openExpanders, pathForCustomScreenshots } from "@project/e2e/helpers";
+import { getEnv, openExpandersIfPresent, pathForCustomScreenshots } from "@project/e2e/helpers";
 import users from "@test-data/test-users.json" with { type: "json" };
 
 const currentDatetime = getEnv("CURRENT_DATETIME");
@@ -27,7 +27,7 @@ test.describe(`Snapshot Testing - Eligibility - ${currentDatetime}-${checkoutRef
 
           await page.goto(AppPageDetails["rsv-older-adults"].url);
           await page.getByRole("link", { name: "Log out" }).waitFor();
-          await openExpanders(page);
+          await openExpandersIfPresent(page);
 
           // This screenshot is NOT used for comparison; used to upload to S3 on failure
           await page.screenshot({