From 84fbcdf1b790198f38ecb689ea81225fe0da94ce Mon Sep 17 00:00:00 2001
From: saisab29 <saisabk29@gmail.com>
Date: Mon, 9 Dec 2024 15:35:58 +0545
Subject: [PATCH] Update Project component by passing mock params in test

---
 __tests__/Project.test.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/__tests__/Project.test.tsx b/__tests__/Project.test.tsx
index d8ba711..683f77e 100644
--- a/__tests__/Project.test.tsx
+++ b/__tests__/Project.test.tsx
@@ -1,3 +1,7 @@
+/* eslint-disable testing-library/no-node-access */
+/* eslint-disable jsx-a11y/alt-text */
+/* eslint-disable @next/next/no-img-element */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { render, screen, fireEvent } from "@testing-library/react";
 import Project from "@/app/projects/[id]/page";
 import { useParams } from "next/navigation";
@@ -39,7 +43,8 @@ describe("Project Page", () => {
   });
 
   it("renders the correct project based on the id from the URL", () => {
-    render(<Project />);
+    const mockParams = Promise.resolve({ id: "1" });
+    render(<Project params={mockParams} />);
 
     const projectName = screen.getByText("Project 1");
     const projectDescription = screen.getByText("Description 1");
@@ -51,7 +56,8 @@ describe("Project Page", () => {
   });
 
   it("renders the similar projects section with the correct current project id", () => {
-    render(<Project />);
+    const mockParams = Promise.resolve({ id: "1" });
+    render(<Project params={mockParams} />);
 
     // Test that the SimilarProjects component is rendered
     const similarProject = screen.getByText("You may also like");
@@ -63,7 +69,8 @@ describe("Project Page", () => {
   });
 
   it("renders the Visit button and links correctly", () => {
-    render(<Project />);
+    const mockParams = Promise.resolve({ id: "1" });
+    render(<Project params={mockParams} />);
 
     // Target the Visit button for the screen size you're testing
     const visitButton = screen.getAllByRole("button", { name: /visit/i });
@@ -82,7 +89,8 @@ describe("Project Page", () => {
   });
 
   it("displays the correct images for the project", () => {
-    render(<Project />);
+    const mockParams = Promise.resolve({ id: "1" });
+    render(<Project params={mockParams} />);
 
     // Check that the project image and screenshots are rendered correctly
     const projectImage = screen.getByAltText("Project Thumbnail");