update profilesection test according to frontend modal changes

Author: feliciagan

frontend/src/components/ProfileSection/ProfileSection.test.tsx

@@ -13,17 +13,17 @@ describe("Profile section", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = false;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     expect(screen.getByText(`${firstName} ${lastName}`)).toBeInTheDocument();
@@ -35,17 +35,17 @@ describe("Profile section", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = false;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     expect(screen.getByText(`@${username}`)).toBeInTheDocument();
@@ -59,17 +59,17 @@ describe("Profiles that don't belong to the current authenticated user", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = false;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     const editProfileButton = screen.queryByRole("button", {
@@ -84,17 +84,17 @@ describe("Profiles that don't belong to the current authenticated user", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = false;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     const editProfileButton = screen.queryByRole("button", {
@@ -111,17 +111,17 @@ describe("Profiles that belong to the current authenticated user", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = true;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     const editProfileButton = screen.queryByRole("button", {
@@ -136,17 +136,17 @@ describe("Profiles that belong to the current authenticated user", () => {
     const username = faker.internet.userName();
     const biography = faker.person.bio();
     const isCurrentUser = true;
-    const userId = faker.string.nanoid();
-    const onUpdate = jest.fn();
+    const handleEditProfileOpen = jest.fn();
+    const handleChangePasswordOpen = jest.fn();
     render(
       <ProfileSection
         firstName={firstName}
         lastName={lastName}
         username={username}
         biography={biography}
         isCurrentUser={isCurrentUser}
-        userId={userId}
-        onUpdate={onUpdate}
+        handleEditProfileOpen={handleEditProfileOpen}
+        handleChangePasswordOpen={handleChangePasswordOpen}
       />
     );
     const editProfileButton = screen.queryByRole("button", {