refactor: initialise testing of the names edit form

Author: serapieTuyishime

__tests__/components/popus/NamesForm.test.tsx

@@ -0,0 +1,25 @@
+import "@testing-library/jest-dom"
+import { renderWithRedux } from "../../../__mocks__/renderWithRedux"
+import EditProfile from "@/components/popups/profile-settings/NamesForm"
+import { screen } from "@testing-library/react"
+
+jest.mock("next/router", () => ({
+    useRouter: () => ({
+        push: jest.fn(),
+        events: {
+            on: jest.fn(),
+            off: jest.fn(),
+            emit: jest.fn(),
+        },
+        isFallback: false,
+        pathname: "mocked-pathname",
+    }),
+}));
+const handleClose = jest.fn()
+describe("NamesForm", () => {
+    it("should render the names edit form", () => {
+        renderWithRedux(<EditProfile show onClose={handleClose} />)
+        const form = screen.getByTestId('names-edit-form')
+        expect(form).toBeInTheDocument()
+    })
+})

src/components/popups/profile-settings/EmailForm.tsx

@@ -103,7 +103,7 @@ export default function EditEmail({ show, onClose }: EditProfileProps): ReactEle
                 required: "This field is required",
                 pattern: {
                   value: /^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$/i,
-                  message: "This must be a valid email address -",
+                  message: "This must be a valid email address",
                 },
                 minLength: {
                   value: 2,

src/components/popups/profile-settings/NamesForm.tsx

@@ -67,7 +67,7 @@ export default function EditProfile({ show, onClose }: EditProfileProps): ReactE
     <Modal show={show} onClose={onClose}>
       <div className="px-6 pt-6 relative">
         <h1 className="text-.5xl leading-none font-medium mb-12">{t("profile.settings.edit.name.update")}</h1>
-        <form onSubmit={handleSubmit(onSave)}>
+        <form onSubmit={handleSubmit(onSave)} data-testid="names-edit-form">
           <div className="mb-2.5">
             <Input
               label={`${t("profile.edit.label.fist-name")}`}