VIA-129 MD/DB Add integration test for rendering vaccine pages with vaccine component

Author: donna-belsey-nhs

src/app/vaccines/6-in-1/page.integration.test.tsx

@@ -0,0 +1,27 @@
+import { render, screen } from "@testing-library/react";
+import Vaccine6in1 from "@src/app/vaccines/6-in-1/page";
+import { getStyledContentForVaccine } from "@src/services/content-api/contentStylingService";
+import { mockStyledContent } from "@test-data/content-api/data";
+import { act } from "react";
+
+jest.mock("@src/services/content-api/contentStylingService.tsx");
+
+describe("6-in-1 vaccine page", () => {
+  beforeEach(() => {
+    (getStyledContentForVaccine as jest.Mock).mockResolvedValue(
+      mockStyledContent,
+    );
+  });
+
+  it("should contain page content from embedded vaccine component", async () => {
+    await act(async () => {
+      render(Vaccine6in1());
+    });
+
+    const sixInOneHeading: HTMLElement = screen.getByRole("heading", {
+      level: 1,
+      name: `6-in-1 vaccine`,
+    });
+    expect(sixInOneHeading).toBeInTheDocument();
+  });
+});

src/app/vaccines/rsv/page.integration.test.tsx

@@ -0,0 +1,27 @@
+import { render, screen } from "@testing-library/react";
+import VaccineRsv from "@src/app/vaccines/rsv/page";
+import { getStyledContentForVaccine } from "@src/services/content-api/contentStylingService";
+import { mockStyledContent } from "@test-data/content-api/data";
+import { act } from "react";
+
+jest.mock("@src/services/content-api/contentStylingService.tsx");
+
+describe("RSV vaccine page", () => {
+  beforeEach(() => {
+    (getStyledContentForVaccine as jest.Mock).mockResolvedValue(
+      mockStyledContent,
+    );
+  });
+
+  it("should contain page content from embedded vaccine component", async () => {
+    await act(async () => {
+      render(VaccineRsv());
+    });
+
+    const rsvHeading: HTMLElement = screen.getByRole("heading", {
+      level: 1,
+      name: `RSV vaccine`,
+    });
+    expect(rsvHeading).toBeInTheDocument();
+  });
+});