VIA-331 DB SB Move pharmacy booking link from the eligibility fallback to the how to get component.

Author: acerathereinspirative-nhs-nvir

src/app/_components/vaccine/Vaccine.test.tsx

@@ -33,6 +33,11 @@ jest.mock("@src/app/_components/content/MoreInformation", () => ({
 jest.mock("@src/app/_components/content/FindOutMore", () => ({
   FindOutMoreLink: jest.fn().mockImplementation(() => <div data-testid="find-out-more-link-mock">Find Out More</div>),
 }));
+jest.mock("@src/app/_components/nbs/PharmacyBookingInfo", () => ({
+  PharmacyBookingInfo: jest
+    .fn()
+    .mockImplementation(() => <div data-testid="pharmacy-booking-link-mock">Pharmacy Booking</div>),
+}));
 jest.mock("@src/app/_components/content/HowToGetVaccineFallback", () => ({
   HowToGetVaccineFallback: jest
     .fn()
@@ -242,6 +247,14 @@ describe("Any vaccine page", () => {
       expect(getEligibilityForPerson).not.toHaveBeenCalled();
     });
 
+    it("should contain pharmacy booking link in how to get section", async () => {
+      await renderNamedVaccinePage(VaccineTypes.RSV_PREGNANCY);
+
+      const pharmacyBookingLink = screen.getByTestId("pharmacy-booking-link-mock");
+
+      expect(pharmacyBookingLink).toBeVisible();
+    });
+
     it("should not display the eligibility when there is no content ", async () => {
       (getEligibilityForPerson as jest.Mock).mockResolvedValue({
         eligibility: {

src/app/_components/vaccine/Vaccine.tsx

@@ -7,6 +7,7 @@ import { MoreInformation } from "@src/app/_components/content/MoreInformation";
 import { Eligibility as EligibilityComponent } from "@src/app/_components/eligibility/Eligibility";
 import { RSVEligibilityFallback } from "@src/app/_components/eligibility/RSVEligibilityFallback";
 import { NBSBookingAction } from "@src/app/_components/nbs/NBSBookingAction";
+import { PharmacyBookingInfo } from "@src/app/_components/nbs/PharmacyBookingInfo";
 import Details from "@src/app/_components/nhs-frontend/Details";
 import InsetText from "@src/app/_components/nhs-frontend/InsetText";
 import NonUrgentCareCard from "@src/app/_components/nhs-frontend/NonUrgentCareCard";
@@ -101,7 +102,10 @@ const Vaccine = async ({ vaccineType }: VaccineProps): Promise<JSX.Element> => {
 
       {/* How-to-get-vaccine section for RSV in pregnancy */}
       {vaccineType === VaccineTypes.RSV_PREGNANCY && (
-        <Details title={HEADINGS.HOW_TO_GET_VACCINE} component={howToGetVaccineFallback} notExpandable={true} />
+        <>
+          <Details title={HEADINGS.HOW_TO_GET_VACCINE} component={howToGetVaccineFallback} notExpandable={true} />
+          <PharmacyBookingInfo vaccineType={vaccineType} />
+        </>
       )}
 
       {/* NBS booking button action for RSV */}

src/services/content-api/parsers/content-styling-service.test.tsx

@@ -205,7 +205,7 @@ describe("ContentStylingService", () => {
         expect(styledVaccineContent.howToGetVaccine.heading).toEqual("How to get this Vaccine");
 
         const expectedRsvSection = "<div><p>para1</p><p>para2</p></div>";
-        const expectedRsvPregnancySection = `<div><div><p>para3</p><p>para4</p></div><p data-testid="pharmacy-booking-info">In some areas you can also ${mockNBSBookingActionHTML}.</p></div>`;
+        const expectedRsvPregnancySection = `<div><div><p>para3</p><p>para4</p></div></div>`;
         const { container } = render(styledVaccineContent.howToGetVaccine.component);
         if (vaccine === VaccineTypes.RSV) {
           expect(container).toContainHTML(expectedRsvSection);

src/services/content-api/parsers/custom/both.test.tsx

@@ -59,8 +59,6 @@ describe("styleHowToGetSubsection for rsv in pregnancy", () => {
 
   it("renders HTML if subsection contains rsv in pregnancy", () => {
     const { container } = render(<>{styleHowToGetSubsectionForRsvInPregnancy(mockRsvInPregnancySubsection, 0)}</>);
-    expect(container.innerHTML).toBe(
-      `<div><div><p>Paragraph 1</p><p>Paragraph 2</p></div><p data-testid=\"pharmacy-booking-info\">In some areas you can also ${mockNBSBookingActionHTML}.</p></div>`,
-    );
+    expect(container.innerHTML).toBe(`<div><div><p>Paragraph 1</p><p>Paragraph 2</p></div></div>`);
   });
 });

src/services/content-api/parsers/custom/rsv-pregnancy.tsx

@@ -1,5 +1,3 @@
-import { PharmacyBookingInfo } from "@src/app/_components/nbs/PharmacyBookingInfo";
-import { VaccineTypes } from "@src/models/vaccine";
 import type { StyledPageSection, VaccinePageSection, VaccinePageSubsection } from "@src/services/content-api/types";
 import sanitiseHtml from "@src/utils/sanitise-html";
 import React from "react";
@@ -25,7 +23,6 @@ export const styleHowToGetSubsection = (subsection: VaccinePageSubsection, index
           __html: sanitiseHtml(paragraphsMatches.join("")),
         }}
       />
-      <PharmacyBookingInfo vaccineType={VaccineTypes.RSV_PREGNANCY} />
     </div>
   );
 };