@argusoft/medplat-app-shell 1.0.6 → 1.0.7

package/src/_tests_/views/components/user/manageuser.test.jsx.disable

@@ -0,0 +1,989 @@
+import React, { act } from 'react';
+
+import { screen, fireEvent, waitFor, cleanup, render } from '@testing-library/react';
+import ManageUser from '@/views/feature-components/users/ManageUser.jsx';
+import {
+  getRoles,
+  getRoleDetails,
+  getPreferredLanguage,
+  retrieveInfraByRoleLocation,
+  updateUser,
+  checkUserAction,
+  getLocationTypes,
+  getUserDetails,
+  validateAOI,
+} from '@/common/services/Users.js';
+import { useSelector } from 'react-redux';
+
+import { getAssignedFeatures } from '@/utils/feature.js';
+import {
+  mockArgusAdminResponse,
+  mockArgusAdminRetrieveHealthInfraResponse,
+  mockASHARoleDetailsResponse,
+  mockGetAssignedFeatureResponse,
+  mockGetRoleDetailsResponse,
+  mockGetRolesResponse,
+  mockGetUserDetailsResponse,
+  mockPrefferedLanguageResponse,
+  mockRetrieveHealthInfraResponse,
+} from '@/_tests_/views/components/user/MockManageUser.js';
+import { mockLoggeinUser } from '@/_tests_/views/components/features/mockFeaturesData';
+import MockTranslationProvider from '@/_tests_/__mocks__/MockTranslationProvider';
+import { MemoryRouter, Route, Routes } from 'react-router';
+
+// Mocking service functions
+jest.mock('../../../../common/services/Users', () => ({
+  getRoles: jest.fn(),
+  getRoleDetails: jest.fn(),
+  getUserDetails: jest.fn(),
+  getPreferredLanguage: jest.fn(),
+  retrieveInfraByRoleLocation: jest.fn(),
+  updateUser: jest.fn(),
+  checkUserAction: jest.fn(),
+  getResource: jest.fn(),
+  getLocationTypes: jest.fn(),
+  validateHealthInfra: jest.fn(),
+  validateAOI: jest.fn(),
+}));
+jest.mock('../../../../common/services/LocationType', () => ({
+  retriveLocationType: jest.fn(),
+}));
+jest.mock('../../../../common/services/LocationService', () => ({
+  retrieveNextLevel: jest.fn(),
+}));
+
+jest.mock('../../../../utils/feature', () => ({
+  getAssignedFeatures: jest.fn(),
+}));
+
+jest.mock('../../../../common/services/AuthenticateService', () => ({
+  getKeyAndIV: jest.fn(),
+  loginService: jest.fn(),
+  getLoggedInUser: jest.fn(),
+  getFeatures: jest.fn(),
+}));
+jest.mock('react-i18next', () => ({
+  useTranslation: () => ({
+    t: (key) => key,
+    i18n: { changeLanguage: () => new Promise(() => {}) },
+  }),
+}));
+
+jest.mock('react-redux', () => ({
+  useSelector: jest.fn(),
+}));
+
+const mockedUseNavigate = jest.fn();
+jest.mock('react-router-dom', () => ({
+  ...jest.requireActual('react-router-dom'),
+  useNavigate: () => mockedUseNavigate,
+}));
+
+describe('User Component', () => {
+  const renderComponent = async (params = {}) => {
+    await act(async () => {
+      const url = params.id ? `${params.url}/${params.id}` : params.url;
+      const routePath = params.id ? `${params.url}/:id` : params.url;
+      render(
+        <MockTranslationProvider>
+          <MemoryRouter initialEntries={[url]} future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
+            <Routes>
+              <Route path={routePath} element={<ManageUser />} />
+            </Routes>
+          </MemoryRouter>
+        </MockTranslationProvider>
+      );
+    });
+    // await customRender(<ManageUser />, params);
+  };
+
+  beforeEach(async () => {
+    // Set up mock implementations for service functions
+    useSelector.mockImplementation((callback) => callback({ Authenticate: { user: mockLoggeinUser } }));
+    getRoles.mockResolvedValue(mockGetRolesResponse);
+    getAssignedFeatures.mockResolvedValue(mockGetAssignedFeatureResponse);
+    getRoleDetails.mockResolvedValue(mockGetRoleDetailsResponse);
+    getPreferredLanguage.mockResolvedValue(mockPrefferedLanguageResponse);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+    cleanup();
+  });
+
+  describe('Add User', () => {
+    beforeEach(async () => {
+      await act(async () => {
+        await renderComponent({ url: '/ui/manage/user' });
+      });
+    });
+    it('renders the User component in ADD mode', async () => {
+      expect(screen.getByTestId('ManageUserForm')).toBeInTheDocument();
+      await waitFor(() => {
+        expect(screen.getByTestId('form-header')).toHaveTextContent('Add User');
+        expect(getUserDetails).not.toHaveBeenCalled();
+      });
+    });
+    it('Initial API Calls For add Mode', async () => {
+      await waitFor(() => {
+        expect(getRoles).toHaveBeenCalled();
+        expect(getAssignedFeatures).toHaveBeenCalled();
+      });
+    });
+    it('Validation on empty form and behavior of userForm on selection of role', async () => {
+      jest.setTimeout(100000);
+      let errorMessages;
+      let options;
+      // submit empty form
+      const onSubmit = jest.fn();
+      fireEvent.click(screen.getByTestId('submit-button'));
+
+      // validation error on Submit
+      await waitFor(() => {
+        expect(onSubmit).not.toHaveBeenCalled();
+        errorMessages = screen.getAllByTestId('custom-error-message');
+        errorMessages = errorMessages.map((msg) => msg.textContent.trim());
+        expect(errorMessages).toHaveLength(6);
+        expect(errorMessages).toContain('UserRole is required');
+        expect(errorMessages).toContain('First Name is required');
+        expect(errorMessages).toContain('Last Name is required');
+        expect(errorMessages).toContain('User Name is required');
+        expect(errorMessages).toContain('Password is required');
+        expect(errorMessages).toContain('Confirm Password is required');
+      });
+
+      // Get the dropdown element
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const argusAdminRole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-96');
+      act(() => {
+        argusAdminRole.click();
+      });
+
+      //Selection of ArgusAdmin userRole
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(userRoleSelect).toHaveValue('Argus Admin');
+        errorMessages = screen.getAllByTestId('custom-error-message');
+        errorMessages = errorMessages.map((msg) => msg.textContent.trim());
+        expect(errorMessages).toHaveLength(5);
+        expect(errorMessages).not.toContain('UserRole is required');
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: 96 }, { showLoader: false });
+        expect(screen.getByTestId('latitude-input')).toBeInTheDocument();
+        expect(screen.getByTestId('longitude-input')).toBeInTheDocument();
+      });
+    });
+
+    it('Behavior of userForm onChange of userRole', async () => {
+      let options;
+      const aadharNumberLabel = screen.getByTestId('aadhaar-number-label');
+      const emailLabel = screen.getByTestId('email-label');
+      const phoneNumberLabel = screen.getByTestId('phone-number-label');
+
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const argusAdminRole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-96');
+      act(() => {
+        argusAdminRole.click();
+      });
+
+      let latitudeInput;
+      let longitudeInput;
+
+      await waitFor(() => {
+        latitudeInput = screen.getByTestId('latitude-input');
+        longitudeInput = screen.getByTestId('longitude-input');
+        expect(latitudeInput).toBeInTheDocument();
+        expect(longitudeInput).toBeInTheDocument();
+        expect(aadharNumberLabel.textContent).not.toContain('*');
+        expect(phoneNumberLabel.textContent).not.toContain('*');
+        expect(emailLabel.textContent).not.toContain('*');
+      });
+
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const AHARole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-201');
+      act(() => {
+        AHARole.click();
+      });
+
+      // Selection of AHA userRole
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(userRoleSelect).toHaveValue('AHA');
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: 201 }, { showLoader: false });
+        expect(latitudeInput).not.toBeInTheDocument();
+        expect(longitudeInput).not.toBeInTheDocument();
+        expect(aadharNumberLabel.textContent).toContain('*');
+        expect(phoneNumberLabel.textContent).toContain('*');
+        expect(emailLabel.textContent).toContain('*');
+      });
+    }, 100000);
+
+    it('Behavior of gender field and userForm on Change of Title ', async () => {
+      let options;
+      const maleRadioButton = screen.getByTestId('gender-male').querySelector('input');
+      const femaleRadioButton = screen.getByTestId('gender-female').querySelector('input');
+      expect(maleRadioButton).not.toBeDisabled();
+      expect(femaleRadioButton).not.toBeDisabled();
+      expect(maleRadioButton).toBeChecked();
+      expect(femaleRadioButton).not.toBeChecked();
+      fireEvent.click(femaleRadioButton);
+      expect(femaleRadioButton).toBeChecked();
+
+      const allSelect = screen.getAllByRole('combobox');
+      const titleSelect = allSelect.find((option) => option.getAttribute('id') === 'title');
+      fireEvent.mouseDown(titleSelect);
+      options = screen.getAllByRole('option');
+
+      const mrOption = options.find((option) => option.getAttribute('data-testid') === 'title-dropdown-option-Mr');
+      act(() => {
+        mrOption.click();
+      });
+      // Selection of MR Title
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(titleSelect).toHaveValue('Mr');
+        expect(maleRadioButton).toBeChecked();
+        expect(maleRadioButton).toBeDisabled();
+        expect(femaleRadioButton).toBeDisabled();
+      });
+
+      fireEvent.mouseDown(titleSelect);
+      options = screen.getAllByRole('option');
+      const msOption = options.find((option) => option.getAttribute('data-testid') === 'title-dropdown-option-Ms');
+      act(() => {
+        msOption.click();
+      });
+      // Selection of MR Title
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(titleSelect).toHaveValue('Ms');
+        expect(femaleRadioButton).toBeChecked();
+        expect(maleRadioButton).toBeDisabled();
+        expect(femaleRadioButton).toBeDisabled();
+      });
+
+      fireEvent.mouseDown(titleSelect);
+      options = screen.getAllByRole('option');
+      const drOption = options.find((option) => option.getAttribute('data-testid') === 'title-dropdown-option-Dr');
+      act(() => {
+        drOption.click();
+      });
+      // Selection of MR Title
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(titleSelect).toHaveValue('Dr');
+        expect(maleRadioButton).toBeChecked();
+        expect(maleRadioButton).not.toBeDisabled();
+        expect(femaleRadioButton).not.toBeDisabled();
+      });
+    });
+
+    it('Behavior of password and confirm password', async () => {
+      let errorMessages;
+
+      const passwordInput = screen.getByTestId('password-input').querySelector('input');
+      // Assert that the password field is of type 'password' (hidden)
+      expect(passwordInput).toHaveAttribute('type', 'password');
+      expect(passwordInput).toHaveValue('');
+
+      const confirmPasswordInput = screen.getByTestId('confirm-password-input').querySelector('input');
+      // Assert that the password field is of type 'password' (hidden)
+      expect(confirmPasswordInput).toHaveAttribute('type', 'password');
+      expect(passwordInput).toHaveValue('');
+
+      const passwordVisibilityOnButton = screen.getByTestId('password-input-visibility-on-button');
+      fireEvent.click(passwordVisibilityOnButton);
+      expect(passwordInput).toHaveAttribute('type', 'text');
+      const passwordVisibilityOffButton = screen.getByTestId('password-input-visibility-off-button');
+      fireEvent.click(passwordVisibilityOffButton);
+      expect(passwordInput).toHaveAttribute('type', 'password');
+
+      const confirmPasswordVisibilityOnButton = screen.getByTestId('confirm-password-input-visibility-on-button');
+      fireEvent.click(confirmPasswordVisibilityOnButton);
+      expect(confirmPasswordInput).toHaveAttribute('type', 'text');
+      const confirmPasswordVisibilityOffButton = screen.getByTestId('confirm-password-input-visibility-off-button');
+      fireEvent.click(confirmPasswordVisibilityOffButton);
+      expect(confirmPasswordInput).toHaveAttribute('type', 'password');
+
+      fireEvent.change(passwordInput, { target: { value: 'Abcd@1234' } });
+      expect(passwordInput).toHaveValue('Abcd@1234');
+
+      await waitFor(() => {
+        errorMessages = screen.getAllByTestId('custom-error-message');
+        errorMessages = errorMessages.map((msg) => msg.textContent.trim());
+        expect(errorMessages).toHaveLength(1);
+        expect(errorMessages).toContain('Passwords do not match');
+      });
+
+      fireEvent.change(confirmPasswordInput, { target: { value: 'Abcd@1234' } });
+      expect(confirmPasswordInput).toHaveValue('Abcd@1234');
+      expect(passwordInput).toHaveValue('Abcd@1234');
+
+      await waitFor(() => {
+        expect(screen.queryByTestId('custom-error-message')).not.toBeInTheDocument();
+      });
+    });
+
+    it('Validation for Username field', async () => {
+      checkUserAction.mockImplementation(
+        () => new Promise((resolve) => setTimeout(() => resolve({ data: true }), 100))
+      );
+      const userNameInput = screen.getByTestId('username-input').querySelector('input');
+      fireEvent.change(userNameInput, { target: { value: 'testuser' } });
+      expect(checkUserAction).toHaveBeenCalledWith({
+        action: 'checkusername',
+        username: 'testuser',
+      });
+      await waitFor(() => {
+        expect(screen.queryByTestId('custom-error-message')).not.toBeInTheDocument();
+        expect(screen.getByTestId('custom-success-message').textContent).toBe('testuser User Name is available');
+      });
+
+      checkUserAction.mockImplementation(
+        () => new Promise((resolve) => setTimeout(() => resolve({ data: false }), 100))
+      );
+
+      fireEvent.change(userNameInput, { target: { value: 'testuser2' } });
+
+      await waitFor(() => {
+        expect(checkUserAction).toHaveBeenCalledWith({
+          action: 'checkusername',
+          username: 'testuser2',
+        });
+        expect(screen.queryByTestId('custom-success-message')).not.toBeInTheDocument();
+        expect(screen.getByTestId('custom-error-message')).toHaveTextContent('Username already exists');
+      });
+    });
+
+    it('Validation for PhoneNumber', async () => {
+      const phoneNumberInput = screen.getByTestId('phone-number-input').querySelector('input');
+      fireEvent.change(phoneNumberInput, { target: { value: 1234567 } });
+
+      await waitFor(() => {
+        expect(phoneNumberInput).toHaveValue('1234567');
+        expect(screen.getByTestId('custom-error-message')).toHaveTextContent('Phone number must be 10 digits');
+      });
+
+      checkUserAction.mockImplementation(
+        () => new Promise((resolve) => setTimeout(() => resolve({ data: false }), 100))
+      );
+
+      fireEvent.change(phoneNumberInput, { target: { value: '1234567890' } });
+      fireEvent.blur(phoneNumberInput);
+
+      expect(checkUserAction).toHaveBeenCalledWith({
+        action: 'checkphone',
+        phone: '1234567890',
+      });
+
+      await waitFor(() => {
+        expect(screen.queryByTestId('custom-error-message')).not.toBeInTheDocument();
+      });
+
+      checkUserAction.mockImplementation(
+        () =>
+          new Promise((resolve, reject) =>
+            setTimeout(
+              () =>
+                reject({
+                  response: {
+                    data: {
+                      message: 'Phone Number is already Linked to another User',
+                      data: 'test user',
+                      errorcode: 101,
+                    },
+                  },
+                }),
+              100
+            )
+          )
+      );
+      fireEvent.change(phoneNumberInput, { target: { value: '0987654321' } });
+      fireEvent.blur(phoneNumberInput);
+
+      expect(checkUserAction).toHaveBeenCalledWith({
+        action: 'checkphone',
+        phone: '0987654321',
+      });
+
+      await waitFor(() => {
+        expect(screen.getByTestId('custom-error-message')).toHaveTextContent(
+          'Phone Number is already Linked to another User test user'
+        );
+      });
+    });
+
+    it('Validation for email', async () => {
+      const emailInput = screen.getByTestId('email-id-input').querySelector('input');
+      fireEvent.change(emailInput, { target: { value: 'abc' } });
+      await waitFor(() => {
+        expect(emailInput).toHaveValue('abc');
+        expect(screen.getByTestId('custom-error-message')).toHaveTextContent('Enter a valid email address');
+      });
+
+      fireEvent.change(emailInput, { target: { value: 'abc@gmail.com' } });
+      expect(emailInput).toHaveValue('abc@gmail.com');
+
+      await waitFor(() => {
+        expect(screen.queryByTestId('custom-error-message')).not.toBeInTheDocument();
+      });
+    });
+
+    it('Validation for aadhaar number', async () => {
+      const aadharNumberInput = screen.getByTestId('aadhaar-number-input').querySelector('input');
+      fireEvent.change(aadharNumberInput, { target: { value: '123' } });
+
+      await waitFor(() => {
+        expect(aadharNumberInput).toHaveValue('123');
+        expect(screen.getByTestId('custom-error-message')).toHaveTextContent('Aadhaar number must be 12 digits');
+      });
+
+      fireEvent.change(aadharNumberInput, { target: { value: '123456789012' } });
+      expect(aadharNumberInput).toHaveValue('123456789012');
+
+      await waitFor(() => {
+        expect(screen.queryByTestId('custom-error-message')).not.toBeInTheDocument();
+      });
+    });
+
+    it('Validation for firstname', async () => {
+      const firstNameInput = screen.getByTestId('first-name-input').querySelector('input');
+      fireEvent.change(firstNameInput, { target: { value: 'test' } });
+
+      await waitFor(() => {
+        expect(firstNameInput).toHaveValue('test');
+      });
+    });
+
+    it('Validation for lastname', async () => {
+      const lastNameInput = screen.getByTestId('last-name-input').querySelector('input');
+      fireEvent.change(lastNameInput, { target: { value: 'user' } });
+
+      await waitFor(() => {
+        expect(lastNameInput).toHaveValue('user');
+      });
+    });
+
+    it('Validation for preffered language', async () => {
+      let options;
+      const allSelect = screen.getAllByRole('combobox');
+      const languageSelect = allSelect.find((option) => option.getAttribute('id') === 'prefferedLanguage');
+      fireEvent.mouseDown(languageSelect);
+
+      options = screen.getAllByRole('option');
+
+      const guLanguage = options.find(
+        (option) => option.getAttribute('data-testid') === 'preferred-language-dropdown-option-gu'
+      );
+      act(() => {
+        guLanguage.click();
+      });
+
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+      });
+    });
+
+    it.skip('Area Of Intervention first', async () => {
+      let options;
+      getRoleDetails.mockResolvedValueOnce(mockASHARoleDetailsResponse);
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const ASHARole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-24');
+      act(() => {
+        ASHARole.click();
+      });
+
+      // Selection of AHA userRole
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(userRoleSelect).toHaveTextContent('ASHA');
+        expect(userRoleSelect).toHaveFocus();
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: 24 });
+      });
+
+      await waitFor(() => {
+        const addAreaButton = screen.getByTestId('add-area-button');
+        fireEvent.click(addAreaButton);
+      });
+
+      await waitFor(() => {
+        const errorElement = screen.getByTestId('custom-error-message'); // Wait for the element to appear
+        expect(errorElement).toHaveTextContent('Please select a role to add area of intervention');
+      });
+    });
+
+    it.skip('Area Of Intervention', async () => {
+      getLocationTypes.mockImplementationOnce(
+        () =>
+          new Promise((resolve) =>
+            setTimeout(
+              () =>
+                resolve({
+                  data: [
+                    {
+                      id: 1,
+                      type: 'S',
+                      name: 'State',
+                      level: 1,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 21,
+                      type: 'Test',
+                      name: 'Test',
+                      level: 1,
+                      isActive: false,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 22,
+                      type: 'TEST1',
+                      name: 'TEST1',
+                      level: 1,
+                      isActive: false,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 4,
+                      type: 'R',
+                      name: 'Region',
+                      level: 2,
+                      isActive: true,
+                      sohEnable: false,
+                    },
+                    {
+                      id: 24,
+                      type: 'Test2',
+                      name: 'Test2',
+                      level: 2,
+                      isActive: false,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 5,
+                      type: 'C',
+                      name: 'Corporation',
+                      level: 3,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 6,
+                      type: 'D',
+                      name: 'District',
+                      level: 3,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 2,
+                      type: 'B',
+                      name: 'Block',
+                      level: 4,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 3,
+                      type: 'Z',
+                      name: 'Zone',
+                      level: 4,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 23,
+                      type: 'Block',
+                      name: 'B',
+                      level: 4,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 15,
+                      type: 'CHC',
+                      name: 'CHC',
+                      level: 5,
+                      isActive: false,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 13,
+                      type: 'P',
+                      name: 'PHC',
+                      level: 5,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 14,
+                      type: 'U',
+                      name: 'UPHC',
+                      level: 5,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 11,
+                      type: 'SC',
+                      name: 'Sub Center',
+                      level: 6,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 12,
+                      type: 'ANM',
+                      name: 'ANM Area',
+                      level: 6,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 9,
+                      type: 'V',
+                      name: 'Village',
+                      level: 7,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 10,
+                      type: 'ANG',
+                      name: 'Anganwadi Area',
+                      level: 7,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 7,
+                      type: 'A',
+                      name: 'Area',
+                      level: 8,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                    {
+                      id: 8,
+                      type: 'AA',
+                      name: 'Asha Area',
+                      level: 8,
+                      isActive: true,
+                      sohEnable: true,
+                    },
+                  ],
+                }),
+              100
+            )
+          )
+      );
+
+      getRoleDetails.mockImplementationOnce(
+        () => new Promise((resolve) => setTimeout(() => resolve(mockASHARoleDetailsResponse), 100))
+      );
+
+      validateAOI.mockImplementationOnce(
+        () =>
+          new Promise((resolve) =>
+            setTimeout(
+              () =>
+                resolve({
+                  data: {
+                    message: 'Gujarat',
+                    data: null,
+                    errorcode: 1,
+                  },
+                }),
+              100
+            )
+          )
+      );
+
+      // Find all select boxes and identify the role dropdown by its 'id'
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+
+      // Open the dropdown menu for roles
+      fireEvent.mouseDown(userRoleSelect);
+
+      // Get the list of options displayed in the dropdown
+      let options = screen.getAllByRole('option');
+
+      // Find and select the ASHA role based on 'data-testid'
+      const ASHARole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-24');
+
+      // Trigger the role selection
+      act(() => {
+        ASHARole.click();
+      });
+
+      // Wait for the dropdown to close and check if role details were fetched
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(userRoleSelect).toHaveTextContent('ASHA');
+        expect(userRoleSelect).toHaveFocus();
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: 24 });
+      });
+
+      // Find and click the 'add area' button
+
+      const addAreaButton = screen.getByTestId('add-area-button');
+      await waitFor(() => {
+        fireEvent.click(addAreaButton);
+      });
+
+      // Wait for the error message to appear
+      await waitFor(() => {
+        const errorElement = screen.getByTestId('custom-error-message');
+        expect(errorElement).toHaveTextContent('Please select a role to add area of intervention');
+      });
+    });
+
+    it.skip('healthInfraStructure', async () => {
+      const mockSetAddedAreas = jest.fn();
+      jest.spyOn(React, 'useState').mockImplementation((initial) => [initial, mockSetAddedAreas]);
+      mockSetAddedAreas([
+        {
+          locationId: 2,
+          type: 'S',
+          name: 'Gujarat',
+          level: 1,
+          locationFullName: 'Gujarat',
+        },
+      ]);
+      await waitFor(() => {
+        const healthInfraSelect = screen.getByTestId('health-infra-select');
+        expect(healthInfraSelect).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe('Update User', () => {
+    beforeEach(async () => {
+      getUserDetails.mockResolvedValue(mockGetUserDetailsResponse);
+      retrieveInfraByRoleLocation.mockResolvedValue(mockRetrieveHealthInfraResponse);
+
+      await act(async () => {
+        await renderComponent({ url: '/ui/manage/user', id: '38' });
+      });
+    });
+
+    it('renders the User component in the Edit Mode ', async () => {
+      expect(screen.getByTestId('ManageUserForm')).toBeInTheDocument();
+      await waitFor(() => {
+        expect(screen.getByTestId('form-header')).toHaveTextContent('Update User');
+        expect(getUserDetails).toHaveBeenCalled();
+        expect(screen.getByTestId('submit-button')).toHaveTextContent('Update');
+      });
+    });
+    it('Initial API Calls For Edit Mode', async () => {
+      await waitFor(() => {
+        expect(getRoles).toHaveBeenCalled();
+        expect(getAssignedFeatures).toHaveBeenCalled();
+        expect(getUserDetails).toHaveBeenCalledWith('38');
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: '38' });
+        expect(retrieveInfraByRoleLocation).toHaveBeenCalledWith({
+          code: 'retrieve_infra_by_role_location',
+          parameters: {
+            roleId: 38,
+            locationIds: [364243],
+          },
+        });
+      });
+    });
+    it('Behavior of userForm onChange of userRole', async () => {
+      let options;
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+
+      expect(userRoleSelect).toHaveValue('ASHA');
+
+      const aadharNumberLabel = screen.getByTestId('aadhaar-number-label');
+      const emailLabel = screen.getByTestId('email-label');
+      const phoneNumberLabel = screen.getByTestId('phone-number-label');
+
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const argusAdminRole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-96');
+      act(() => {
+        argusAdminRole.click();
+      });
+
+      let latitudeInput;
+      let longitudeInput;
+
+      await waitFor(() => {
+        latitudeInput = screen.getByTestId('latitude-input');
+        longitudeInput = screen.getByTestId('longitude-input');
+        expect(aadharNumberLabel.textContent).not.toContain('*');
+        expect(phoneNumberLabel.textContent).not.toContain('*');
+        expect(emailLabel.textContent).not.toContain('*');
+      });
+
+      fireEvent.mouseDown(userRoleSelect);
+      options = screen.getAllByRole('option');
+      const AHARole = options.find((option) => option.getAttribute('data-testid') === 'role-dropdown-option-201');
+      act(() => {
+        AHARole.click();
+      });
+
+      // Selection of AHA userRole
+      await waitFor(() => {
+        expect(screen.queryByRole('listbox')).toBeNull();
+        expect(userRoleSelect).toHaveValue('AHA');
+        expect(getRoleDetails).toHaveBeenCalledWith({ role_id: 201 }, { showLoader: false });
+        expect(latitudeInput).not.toBeInTheDocument();
+        expect(longitudeInput).not.toBeInTheDocument();
+        expect(aadharNumberLabel.textContent).toContain('*');
+        expect(phoneNumberLabel.textContent).toContain('*');
+        expect(emailLabel.textContent).toContain('*');
+      });
+    }, 100000);
+    it('auto filled field in edit form', async () => {
+      const allSelect = screen.getAllByRole('combobox');
+      const userRoleSelect = allSelect.find((option) => option.getAttribute('id') === 'roleId');
+      expect(userRoleSelect).toHaveValue('ASHA');
+
+      const titleSelect = allSelect.find((option) => option.getAttribute('id') === 'title');
+      expect(titleSelect).toHaveValue('Mr');
+
+      expect(screen.getByTestId('first-name-input').querySelector('input')).toHaveValue('TEST');
+      expect(screen.getByTestId('last-name-input').querySelector('input')).toHaveValue('USER');
+      expect(screen.getByTestId('middle-name-input').querySelector('input')).toHaveValue('MED');
+
+      const maleRadioButton = screen.getByTestId('gender-male').querySelector('input');
+      const femaleRadioButton = screen.getByTestId('gender-female').querySelector('input');
+      expect(maleRadioButton).toBeDisabled();
+      expect(femaleRadioButton).toBeDisabled();
+      expect(maleRadioButton).toBeChecked();
+      expect(femaleRadioButton).not.toBeChecked();
+
+      expect(screen.getByTestId('username-input').querySelector('input')).toHaveValue('bvvasava4');
+      expect(screen.getByTestId('phone-number-input').querySelector('input')).toHaveValue('6354986451');
+      expect(screen.getByTestId('email-id-input').querySelector('input')).toHaveValue('abcd@gmail.com');
+      expect(screen.getByTestId('aadhaar-number-input').querySelector('input')).toBeEmptyDOMElement();
+    });
+
+    it('unlock user button', async () => {
+      const unlockUserButton = screen.getByTestId('unlock-user-button');
+      expect(unlockUserButton).toBeInTheDocument();
+      fireEvent.click(unlockUserButton);
+
+      await waitFor(() => {
+        expect(screen.getByTestId('unlock-user-modal')).toBeInTheDocument();
+      });
+    });
+    it('change password button', async () => {
+      const changePasswordButton = screen.getByTestId('change-password-button');
+      expect(changePasswordButton).toBeInTheDocument();
+      fireEvent.click(changePasswordButton);
+      await waitFor(() => {
+        expect(screen.getByTestId('change-password-modal')).toBeInTheDocument();
+      });
+    });
+  });
+
+  describe('successful submission with argusAdmin Role', () => {
+    beforeEach(async () => {
+      getUserDetails.mockResolvedValue(mockArgusAdminResponse);
+      retrieveInfraByRoleLocation.mockResolvedValue(mockArgusAdminRetrieveHealthInfraResponse);
+      await act(async () => {
+        await renderComponent({ url: '/ui/manage/user', id: '38' });
+      });
+    });
+
+    it('Successful Edit submission after changes', async () => {
+      getUserDetails.mockResolvedValueOnce(mockArgusAdminResponse);
+      retrieveInfraByRoleLocation.mockResolvedValueOnce(mockArgusAdminRetrieveHealthInfraResponse);
+
+      await waitFor(() => {
+        expect(screen.getByTestId('added-areas-select')).toBeInTheDocument();
+        expect(screen.getByTestId('health-infra-select')).toBeInTheDocument();
+      });
+
+      const emailInput = screen.getByTestId('email-id-input').querySelector('input');
+
+      fireEvent.change(emailInput, { target: { value: 'abc@gmail.com' } });
+      expect(emailInput).toHaveValue('abc@gmail.com');
+
+      const submitButton = screen.getByTestId('submit-button');
+      fireEvent.click(submitButton);
+
+      await waitFor(() => {
+        expect(updateUser).toHaveBeenCalledWith({
+          id: 97084,
+          fullName: 'Pratham Prajapati',
+          userName: 'ppratham',
+          firstName: 'Pratham',
+          lastName: 'Prajapati',
+          middlename: undefined,
+          loginCode: undefined,
+          isUserSmagTrained: undefined,
+          gender: 'M',
+          prefferedLanguage: 'en',
+          state: 'ACTIVE',
+          roleId: 96,
+          createdBy: 97080,
+          createdOn: 1720691528671,
+          roleName: 'Argus Admin',
+          addedLocations: [
+            {
+              id: 338897,
+              userId: 97084,
+              locationId: 2,
+              type: 'S',
+              name: 'Gujarat',
+              level: 1,
+              state: 'ACTIVE',
+              createdBy: 97080,
+              createdOn: 1720691528792,
+              locationFullName: 'Gujarat',
+            },
+            {
+              id: 338902,
+              userId: 97084,
+              locationId: 550515,
+              type: 'R',
+              name: 'ભાવનગર ઝોન',
+              level: 2,
+              state: 'ACTIVE',
+              createdBy: 97080,
+              createdOn: 1725023866078,
+              locationFullName: 'Gujarat,ભાવનગર ઝોન',
+            },
+            {
+              id: 338903,
+              userId: 97084,
+              locationId: 550513,
+              type: 'R',
+              name: 'ગાંધીનગર ઝોન',
+              level: 2,
+              state: 'ACTIVE',
+              createdBy: 97080,
+              createdOn: 1725024001806,
+              locationFullName: 'Gujarat,ગાંધીનગર ઝોન',
+            },
+          ],
+          title: 'Dr',
+          noOfAttempts: 0,
+          infrastructureIds: [15457],
+          latitude: '8989',
+          longitude: '898989898989.0999',
+          bankAccNo: '',
+          ifscCode: '',
+          emailId: 'abc@gmail.com',
+        });
+      });
+    });
+  });
+});