From 50501cc164712500cab0ce69beac3faea528077e Mon Sep 17 00:00:00 2001
From: JaimeLoredo <uo287741@uniovi.es>
Date: Mon, 29 Apr 2024 17:45:24 +0200
Subject: [PATCH] Test component GroupCreationModal

---
 .../group/GroupCreationModal.test.js          | 45 +++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 webapp/src/components/group/GroupCreationModal.test.js

diff --git a/webapp/src/components/group/GroupCreationModal.test.js b/webapp/src/components/group/GroupCreationModal.test.js
new file mode 100644
index 0000000..373d8c7
--- /dev/null
+++ b/webapp/src/components/group/GroupCreationModal.test.js
@@ -0,0 +1,45 @@
+import { render, fireEvent, waitFor } from '@testing-library/react';
+import axios from 'axios'; // Mockear axios
+import { CreationModal } from './GroupCreationModal';
+
+jest.mock('axios');
+
+describe('CreationModal component', () => {
+  test('renders the modal properly', async () => {
+    const { getByText, getByLabelText } = render(<CreationModal nowHasGroup={() => {}} setError={() => {}} toggleCreateModal={() => {}} />);
+    
+    // Verifica que el título del modal esté presente
+    expect(getByText('Create group')).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();
+  });
+
+  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} />);
+    
+    // Simula hacer clic en el botón de creación
+    fireEvent.click(getByText('Create group'));
+
+    
+  });
+
+  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.
+});
\ No newline at end of file