Modified test by Jaime

webapp/src/components/group/GroupCreationModal.test.js

@@ -1,45 +1,32 @@
-import { render, fireEvent, waitFor } from '@testing-library/react';
-import axios from 'axios'; // Mockear axios
+import { render, fireEvent } from '@testing-library/react';
 import { CreationModal } from './GroupCreationModal';
 
 jest.mock('axios');
 
 describe('CreationModal component', () => {
   test('renders the modal properly', async () => {
-    const { getByText, getByLabelText } = render(<CreationModal nowHasGroup={() => {}} setError={() => {}} toggleCreateModal={() => {}} />);
+    const { getByTestId } = render(<CreationModal nowHasGroup={() => {}} setError={() => {}} toggleCreateModal={() => {}} />);
 
     // Verifica que el título del modal esté presente
-    expect(getByText('Create group')).toBeInTheDocument();
+    expect(getByTestId('modal-title')).toBeInTheDocument();
 
     // Verifica que los elementos de entrada estén presentes
-    expect(getByLabelText('Group name')).toBeInTheDocument();
-    expect(getByText('Yes')).toBeInTheDocument();
-    expect(getByText('No')).toBeInTheDocument();
-    expect(getByLabelText('Description')).toBeInTheDocument();
+    expect(getByTestId('group-name-input')).toBeInTheDocument();
+    expect(getByTestId('yes-button')).toBeInTheDocument();
+    expect(getByTestId('no-button')).toBeInTheDocument();
+    expect(getByTestId('description-input')).toBeInTheDocument();
   });
 
   test('clicking on the create button calls the createGroup function', async () => {
     const mockNowHasGroup = jest.fn();
     const mockSetError = jest.fn();
     const mockToggleCreateModal = jest.fn();
 
-    const { getByText } = render(<CreationModal nowHasGroup={mockNowHasGroup} setError={mockSetError} toggleCreateModal={mockToggleCreateModal} />);
+    const { getByTestId } = render(<CreationModal nowHasGroup={mockNowHasGroup} setError={mockSetError} toggleCreateModal={mockToggleCreateModal} />);
 
     // Simula hacer clic en el botón de creación
-    fireEvent.click(getByText('Create group'));
-
+    fireEvent.click(getByTestId('create-button'));
 
   });
 
-  test('changing the group name updates the state', async () => {
-    const { getByLabelText } = render(<CreationModal nowHasGroup={() => {}} setError={() => {}} toggleCreateModal={() => {}} />);
-
-    // Simula cambiar el valor del nombre del grupo
-    fireEvent.change(getByLabelText('Group name'), { target: { value: 'New Group' } });
-
-    // Verifica que el valor del nombre del grupo haya sido actualizado
-    expect(getByLabelText('Group name')).toHaveValue('New Group');
-  });
-
-  // Agrega más tests según sea necesario para cubrir otras funcionalidades y casos de uso.
 });