Profile unit tests

package.json

@@ -9,7 +9,8 @@
     "production": "tsc && vite build && vite preview",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "test": "jest"
+    "test": "jest",
+    "cicd-test": "jest -- BirthDay.test.tsx"
   },
   "_moduleAliases": {
     "@": "src"

src/components/EditProfilePopUp/__test__/DiscardProfileChanges.test.tsx

@@ -0,0 +1,22 @@
+import { render, screen } from "@testing-library/react";
+import { DiscardProfileChanges } from "../DiscardProfileChanges";
+
+test("Edit Profile Test", () => {
+  const mockHandleClose = jest.fn();
+  const mockSetShow = jest.fn();
+
+  render(
+    <DiscardProfileChanges
+      handleClose={mockHandleClose}
+      setShowDiscardChanges={mockSetShow}
+      showDiscardChanges
+    />
+  );
+
+  expect(screen.getByText("Discard changes?")).toBeTruthy();
+  expect(
+    screen.getByText("This can’t be undone and you’ll lose your changes.")
+  ).toBeTruthy();
+  expect(screen.getByText("Discard"));
+  expect(screen.getByText("Cancel"));
+});

src/components/EditProfilePopUp/__test__/EditProfilePopUp.test.tsx

@@ -0,0 +1,27 @@
+import { render, screen } from "@testing-library/react";
+import { EditProfilePopUp } from "../EditProfilePopUp";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { BrowserRouter, Route, Routes } from "react-router-dom";
+
+test("Edit Profile Test", () => {
+
+  render(
+    <BrowserRouter>
+      <QueryClientProvider client={new QueryClient()}>
+        <Routes>
+          <Route
+            path="/testPath"
+            element={<EditProfilePopUp/>}
+          />
+        </Routes>
+      </QueryClientProvider>
+    </BrowserRouter>
+  );
+
+  expect(screen.findByText("Bio")).toBeTruthy();
+  expect(screen.findByText("Name")).toBeTruthy();
+  expect(screen.findByText("Save")).toBeTruthy();
+  expect(screen.findByText("Website")).toBeTruthy();
+  expect(screen.findByText("Birth date")).toBeTruthy();
+  expect(screen.findByText("Edit profile")).toBeTruthy();
+});

src/components/ImagePicker/__test__/ImagePicker.test.tsx

@@ -1,7 +1,7 @@
 import { fireEvent, render} from "@testing-library/react";
 import { ImagePicker } from "../ImagePicker";
 
-test("Sign Up Step 2 Test", () => {
+test("Image Picker Test", () => {
 const testOnChange = jest.fn();
 const testSetImagePath = jest.fn();
 

src/components/SignUpProfile/__test__/SignUpProfile.test.tsx

@@ -2,7 +2,7 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { SignUpProfile } from "../SignUpProfile";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
-test("Sign Up Step 2 Test", () => {
+test("Sign Up Profile Test", () => {
   const { container } = render(
     <QueryClientProvider client={new QueryClient()}>
       <SignUpProfile nextStep={() => {}} />

src/pages/Profile/__test__/ProfileMain.test.tsx

@@ -0,0 +1,48 @@
+import { render, screen } from "@testing-library/react";
+import { ProfileMain } from "../ProfileMain";
+import { UserProfileData } from "@/models/User";
+import { BrowserRouter } from "react-router-dom";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+
+test("Profile Main Test", () => {
+  const user1 = {
+    userName: "Mohamed2433",
+    url: "http://www.google.com",
+    name: "Mohamed Atef",
+    email: "test@gmail.com",
+    verified: false,
+    followingCount: 20,
+    followersCount: 100,
+    createdAt: new Date().toISOString().toString(),
+    description: "test bio",
+    birthDate: new Date().toISOString().toString(),
+    profileImageUrl: "testImgUrl",
+    profileBannerUrl: "testBannerUrl",
+    isBlocked: false,
+    isFollowing: false,
+    isMuted: false,
+    location: "Giza, Egypt",
+    tweetCount: 50,
+  } as UserProfileData;
+
+  const { container } = render(
+    <BrowserRouter>
+      <QueryClientProvider client={new QueryClient()}>
+        <ProfileMain user={user1} />
+      </QueryClientProvider>
+    </BrowserRouter>
+  );
+
+  expect(screen.findByText("Mohamed Atef")).toBeTruthy();
+  expect(screen.findByText("test@gmail.com")).toBeTruthy();
+  expect(screen.findByText("Mohamed2433")).toBeTruthy();
+  expect(screen.findByText("googl.com")).toBeTruthy();
+  expect(screen.findByText("20 Follwing")).toBeTruthy();
+  expect(screen.findByText("100 Followers")).toBeTruthy();
+  expect(screen.findByText("50 Posts")).toBeTruthy();
+  expect(screen.findByText("Joined")).toBeTruthy();
+  expect(screen.findByText("Born")).toBeTruthy();
+  expect(screen.findByText("Giza, Egypt")).toBeTruthy();
+  expect(screen.findByText("Follow")).toBeTruthy();
+  expect(container.querySelectorAll("svg").length).toBe(4);
+});

src/pages/Profile/__test__/ProfileSections.test.tsx

@@ -0,0 +1,16 @@
+import { render, screen } from "@testing-library/react";
+import { BrowserRouter } from "react-router-dom";
+import { ProfileSections } from "../ProfileSections";
+
+test("Profile Main Test", () => {
+  render(
+    <BrowserRouter>
+      <ProfileSections />
+    </BrowserRouter>
+  );
+
+  expect(screen.getByText("Posts")).toBeTruthy();
+  expect(screen.getByText("Replies")).toBeTruthy();
+  expect(screen.getByText("Media")).toBeTruthy();
+  expect(screen.getByText("Likes")).toBeTruthy();
+});