Added MemoryRouter for testing the Link component

hackforla · Feb 5, 2024 · 0e16dec · 0e16dec
1 parent fec4279
commit 0e16dec
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/frontend/src/pages/LandingPage/LandingPageIntro.tsx b/frontend/src/pages/LandingPage/LandingPageIntro.tsx
@@ -24,7 +24,7 @@ function LandingPageIntro() {
           products, programs, and services.
         </p>
         <Link
-          to="/qualifier/1"
+          to="qualifier/1"
           className="h-min-12 px-14 py-3 mb-10 rounded-x-large text-xl font-bold bg-blue-dark hover:bg-blue-dark-hover hover:shadow-lg focus:bg-blue-dark-focused text-white"
         >
           Join us

diff --git a/frontend/tests/pages/LandingPage.test.tsx b/frontend/tests/pages/LandingPage.test.tsx
@@ -8,14 +8,19 @@ import { config } from "react-transition-group";
 
 // Internal imports
 import { LandingPage } from "pages/LandingPage/LandingPage";
+import { MemoryRouter } from "react-router-dom";
 
 // Disables animation transition time so it will not hamper testing
 config.disabled = true;
 
 describe("Landing Page", () => {
   test("Landing Page dialog", async () => {
     const user = userEvent.setup();
-    render(<LandingPage />);
+    render(
+      <MemoryRouter>
+        <LandingPage />
+      </MemoryRouter>
+    );
 
     expect(screen.getByRole("presentation")).toHaveClass("hidden");