diff --git a/webapp/src/components/group/GroupCreationModal.test.js b/webapp/src/components/group/GroupCreationModal.test.js index 373d8c7..ad0a55d 100644 --- a/webapp/src/components/group/GroupCreationModal.test.js +++ b/webapp/src/components/group/GroupCreationModal.test.js @@ -1,21 +1,20 @@ -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( {}} setError={() => {}} toggleCreateModal={() => {}} />); + const { getByTestId } = render( {}} 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 () => { @@ -23,23 +22,11 @@ describe('CreationModal component', () => { const mockSetError = jest.fn(); const mockToggleCreateModal = jest.fn(); - const { getByText } = render(); + const { getByTestId } = render(); // 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( {}} 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. }); \ No newline at end of file