[fix] step test, add children component

Author: AngyDev

src/scripts/components/Step/Step.spec.js

@@ -4,6 +4,9 @@ import { StepContext } from "../../context/StepContext";
 import '@testing-library/jest-dom';
 import Step from "./Step";
 import { MemoryRouter } from "react-router";
+import ContactDetails from "../ContactDetails/ContactDetails";
+import InvestmentPlans from "../InvestmentPlans/InvestmentPlans";
+import InvestmentPreferences from "../InvestmentPreferences/InvestmentPreferences";
 
 describe("Step test", () => {
 
@@ -12,45 +15,37 @@ describe("Step test", () => {
      * @param {Context} step 
      * @returns The render of the Step component with the usage of the context value
      */
-    function renderStep(step) {
-        let path = "/";
-        if (step === 2) {
-            path = "/step2";
-        } else if (step === 3) {
-            path = "/step3";
-        }
+    function renderStep(step, component) {
 
         return render(
             <StepContext.Provider value={[step]}>
-                <MemoryRouter initialEntries={[path]}>
-                    <Step />
-                </MemoryRouter>
+                <Step >{component}</Step>
             </StepContext.Provider>
         );
     }
 
     afterEach(cleanup);
 
     it("should render the step", () => {
-        renderStep(1);
+        renderStep(1, <ContactDetails />);
 
         expect(screen.getByTestId("step")).toBeInTheDocument();
     });
 
     it("should render the contact component in the first step", () => {
-        renderStep(1);
+        renderStep(1, <ContactDetails />);
 
         expect(screen.getByTestId("contact")).toBeInTheDocument();
     });
 
     it("should render the investment plans component in the second step", () => {
-        renderStep(2);
+        renderStep(2, <InvestmentPlans />);
 
         expect(screen.getByTestId("investment-plans")).toBeInTheDocument();
     });
 
     it("should render the investment preferences component in the third step", () => {
-        renderStep(3);
+        renderStep(3, <InvestmentPreferences />);
 
         expect(screen.getByTestId("investment-preferences")).toBeInTheDocument();
     });