fix: Update 'Name' field from mandatory to optional in Create User Mo…

…dal (#4451)

* fix: Update 'Name' field from mandatory to optional in Create User Modal

Signed-off-by: ChaitanyaD48 <chaitanya.d48@gmail.com>

* Remove form field validation test in CreateNewUserView

Signed-off-by: ChaitanyaD48 <chaitanya.d48@gmail.com>

* Refactor: Remove unused import

Signed-off-by: ChaitanyaD48 <chaitanya.d48@gmail.com>

---------

Signed-off-by: ChaitanyaD48 <chaitanya.d48@gmail.com>
Co-authored-by: Namkyu Park <53862866+namkyu1999@users.noreply.github.com>
Co-authored-by: Saranya Jena <saranya.jena@harness.io>
Co-authored-by: Sarthak Jain <sarthak.jain@harness.io>

chaoscenter/web/src/views/CreateNewUser/CreateNewUser.tsx

@@ -62,7 +62,7 @@ export default function CreateNewUserView(props: CreateNewUserViewProps): React.
           }}
           onSubmit={values => handleSubmit(values)}
           validationSchema={Yup.object().shape({
-            name: Yup.string().required(getString('nameIsARequiredField')),
+            name: Yup.string(),
             email: Yup.string().email(getString('invalidEmailText')).required(getString('emailIsRequired')),
             username: Yup.string().required(getString('usernameIsRequired')),
             password: Yup.string().required(getString('passwordIsRequired')),

chaoscenter/web/src/views/CreateNewUser/__tests__/CreateNewUser.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, fireEvent, waitFor } from '@testing-library/react';
+import { render, fireEvent } from '@testing-library/react';
 import { TestWrapper } from 'utils/testUtils';
 import CreateNewUserView from '../CreateNewUser';
 import '@testing-library/jest-dom';
@@ -24,15 +24,6 @@ describe('<CreateNewUserView />', () => {
     expect(getByText('createNewUser')).toBeInTheDocument();
   });
 
-  test('validates form fields', async () => {
-    const { getByText, getByPlaceholderText } = setup();
-    fireEvent.change(getByPlaceholderText('enterYourName'), { target: { value: '' } });
-    fireEvent.submit(getByText('confirm'));
-    await waitFor(() => {
-      expect(getByText('nameIsARequiredField')).toBeInTheDocument();
-    });
-  });
-
   test('calls handleClose on cancel', () => {
     const { getByText } = setup();
     fireEvent.click(getByText('cancel'));