VIA-299 SB Add 'target="_blank"' to any anchor tags we get from the content API in the callout component.

Author: acerathereinspirative-nhs-nvir

package-lock.json

@@ -76,6 +76,7 @@
     "@opennextjs/aws": "^3.9.1",
     "@types/aws-lambda": "^8.10.159",
     "axios": "^1.13.2",
+    "cheerio": "^1.1.2",
     "dotenv": "^17.2.3",
     "es-toolkit": "^1.42.0",
     "isomorphic-dompurify": "^2.33.0",

package.json

@@ -38,6 +38,19 @@ const mockMarkdownWithStylingHtml = "<ul><li>sausage</li><li>egg</li><li>chips</
 jest.mock("@project/src/app/_components/markdown/MarkdownWithStyling", () => ({
   MarkdownWithStyling: () => mockMarkdownWithStylingHtml,
 }));
+jest.mock("cheerio", () => ({
+  load: jest.fn(() => {
+    const selectorImpl = jest.fn(() => ({
+      attr: jest.fn(),
+    }));
+
+    const $ = Object.assign(selectorImpl, {
+      html: jest.fn(() => "<p>HTML fragment</p>"),
+    });
+
+    return $;
+  }),
+}));
 
 const mockValidCacheReadResult: ReadCachedContentResult = { cacheStatus: "valid", cacheContent: "some-content" };
 const mockInvalidatedCacheReadResult: ReadCachedContentResult = { cacheStatus: "invalidated", cacheContent: "" };

src/_lambda/content-cache-hydrator/handler.test.ts

@@ -27,6 +27,19 @@ jest.mock("next/headers", () => ({
   headers: jest.fn(),
 }));
 jest.mock("sanitize-data", () => ({ sanitize: jest.fn() }));
+jest.mock("cheerio", () => ({
+  load: jest.fn(() => {
+    const selectorImpl = jest.fn(() => ({
+      attr: jest.fn(),
+    }));
+
+    const $ = Object.assign(selectorImpl, {
+      html: jest.fn(() => "<p>HTML fragment</p>"),
+    });
+
+    return $;
+  }),
+}));
 
 const nhsNumber = "5123456789";
 

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

@@ -14,6 +14,19 @@ const mockMarkdownWithStylingHtml = "<ul><li>sausage</li><li>egg</li><li>chips</
 jest.mock("@project/src/app/_components/markdown/MarkdownWithStyling", () => ({
   MarkdownWithStyling: () => mockMarkdownWithStylingHtml,
 }));
+jest.mock("cheerio", () => ({
+  load: jest.fn(() => {
+    const selectorImpl = jest.fn(() => ({
+      attr: jest.fn(),
+    }));
+
+    const $ = Object.assign(selectorImpl, {
+      html: jest.fn(() => "<p>HTML fragment</p>"),
+    });
+
+    return $;
+  }),
+}));
 
 describe("getContentForVaccine()", () => {
   const mockedConfig = config as ConfigMock;

src/services/content-api/content-service.test.ts

@@ -28,6 +28,19 @@ jest.mock("@project/src/app/_components/markdown/MarkdownWithStyling", () => ({
 }));
 
 jest.mock("sanitize-data", () => ({ sanitize: jest.fn() }));
+jest.mock("cheerio", () => ({
+  load: jest.fn(() => {
+    const selectorImpl = jest.fn(() => ({
+      attr: jest.fn(),
+    }));
+
+    const $ = Object.assign(selectorImpl, {
+      html: jest.fn(() => "<p>HTML fragment</p>"),
+    });
+
+    return $;
+  }),
+}));
 
 describe("ContentStylingService", () => {
   const mockMarkdownSubsection: VaccinePageSubsection = {