VIA-630 MD/DB Refactor: rename AtRiskHubContent to AtRiskHubExpander

Author: donna-belsey-nhs

…components/hub/AtRiskHubContent.test.tsx …omponents/hub/AtRiskHubExpander.test.tsxsrc/app/_components/hub/AtRiskHubContent.test.tsx renamed to src/app/_components/hub/AtRiskHubExpander.test.tsx src/app/_components/hub/AtRiskHubContent.test.tsx renamed to src/app/_components/hub/AtRiskHubExpander.test.tsx

@@ -1,13 +1,13 @@
-import { AtRiskHubContent } from "@src/app/_components/hub/AtRiskHubContent";
+import { AtRiskHubExpander } from "@src/app/_components/hub/AtRiskHubExpander";
 import { render, screen } from "@testing-library/react";
 
 jest.mock("@src/app/_components/hub/AtRiskText", () => ({
   AtRiskText: jest.fn().mockImplementation(() => <p data-testid={"at-risk-text"}>At risk hub content test</p>),
 }));
 
-describe("At risk hub content", () => {
+describe("At risk hub expander", () => {
   beforeEach(() => {
-    render(AtRiskHubContent());
+    render(AtRiskHubExpander());
   });
 
   it("should render heading as h2", () => {

…app/_components/hub/AtRiskHubContent.tsx …pp/_components/hub/AtRiskHubExpander.tsxsrc/app/_components/hub/AtRiskHubContent.tsx renamed to src/app/_components/hub/AtRiskHubExpander.tsx src/app/_components/hub/AtRiskHubContent.tsx renamed to src/app/_components/hub/AtRiskHubExpander.tsx

@@ -1,7 +1,7 @@
 import { AtRiskText } from "@src/app/_components/hub/AtRiskText";
 import React, { JSX } from "react";
 
-const AtRiskHubContent = (): JSX.Element => {
+const AtRiskHubExpander = (): JSX.Element => {
   return (
     <details className="nhsuk-details">
       <summary className="nhsuk-details__summary">
@@ -16,4 +16,4 @@ const AtRiskHubContent = (): JSX.Element => {
   );
 };
 
-export { AtRiskHubContent };
+export { AtRiskHubExpander };

src/app/check-and-book-vaccinations/page.test.tsx

@@ -20,10 +20,10 @@ jest.mock("@src/app/_components/hub/AgeBasedHubCards", () => ({
     .mockImplementation(() => <p data-testid={"age-based-hub-cards"}>Age based hub cards test</p>),
 }));
 
-jest.mock("@src/app/_components/hub/AtRiskHubContent", () => ({
-  AtRiskHubContent: jest
+jest.mock("@src/app/_components/hub/AtRiskHubExpander", () => ({
+  AtRiskHubExpander: jest
     .fn()
-    .mockImplementation(() => <p data-testid={"at-risk-hub-content"}>At risk hub content test</p>),
+    .mockImplementation(() => <p data-testid={"at-risk-hub-expander"}>At risk hub expander test</p>),
 }));
 
 jest.mock("@src/app/_components/hub/PregnancyHubContent", () => ({
@@ -73,9 +73,8 @@ describe("Vaccination Hub Page", () => {
   });
 
   it("should show at risk expander ", () => {
-    const atRiskHubContent: HTMLElement = screen.getByTestId("at-risk-hub-content");
-
-    expect(atRiskHubContent).toBeVisible();
+    const atRiskHubExpander: HTMLElement = screen.getByTestId("at-risk-hub-expander");
+    expect(atRiskHubExpander).toBeVisible();
   });
 
   it("should show pregnancy hub content ", () => {

src/app/check-and-book-vaccinations/page.tsx

@@ -2,7 +2,7 @@
 
 import { auth } from "@project/auth";
 import { AgeBasedHubCards } from "@src/app/_components/hub/AgeBasedHubCards";
-import { AtRiskHubContent } from "@src/app/_components/hub/AtRiskHubContent";
+import { AtRiskHubExpander } from "@src/app/_components/hub/AtRiskHubExpander";
 import { PregnancyHubContent } from "@src/app/_components/hub/PregnancyHubContent";
 import BackToNHSAppLink from "@src/app/_components/nhs-app/BackToNHSAppLink";
 import MainContent from "@src/app/_components/nhs-frontend/MainContent";
@@ -26,7 +26,7 @@ const VaccinationsHub = async () => {
         <h1 className={"nhsuk-heading-xl nhsuk-u-margin-bottom-3"}>{SERVICE_HEADING}</h1>
         <AgeBasedHubCards ageGroup={ageGroup} />
         {/*TODO VIA-630 control visibility of the following components based on age*/}
-        <AtRiskHubContent />
+        <AtRiskHubExpander />
         <PregnancyHubContent />
         <Link href={"/vaccines-for-all-ages"} className={"nhsuk-button nhsuk-button--secondary"}>
           View vaccines for all ages