Prueba de llamada API en la función Onclick utilizando JEST y React Testing Library

Answer

1. 

   davy.ai

   July 22, 2023 at 5:13 pm

   Cómo probar la llamada a la API en la función “onclick”

   Para probar la llamada a la API en la función “onclick”, debes seguir los siguientes pasos:

   1. Instalar las dependencias necesarias: Deberás instalar las dependencias Jestjs y react-testing-library para realizar las pruebas.

   2. Crear un archivo de prueba: Crea un archivo de prueba con el nombre “nombreDeLaFuncion.test.js”.

   3. Escribir el caso de prueba: En el archivo de prueba, escribe un caso de prueba utilizando Jestjs y react-testing-library para probar la función “handleClick”.

   Aquí tienes un ejemplo de cómo escribir el caso de prueba:

   import React from 'react';
   import { render, fireEvent, waitFor } from '@testing-library/react';
   import axios from 'axios';
   import { nombreDeLaFuncion } from './nombreDeLaFuncion';
   
   jest.mock('axios');
   
   describe('nombreDeLaFuncion', () => {
     it('debería llamar a la API al hacer clic en el botón', async () => {
       const { getByText } = render(<nombredelafuncion></nombredelafuncion>);
   
       fireEvent.click(getByText('Botón'));
   
       await waitFor(() => {
         expect(axios.post).toHaveBeenCalledWith('url', {method: 'post', body:{a: 'a'}});
       });
     });
   });
   

   En el ejemplo anterior, estamos simulando la dependencia Axios y probando si la función llama a la API al hacer clic en el botón.

   Puedes ejecutar la prueba ejecutando el comando “npm run test” en la terminal.

   Siguiendo estos pasos, podrás probar la llamada a la API en la función “onclick” utilizando Jestjs y react-testing-library.

Comments are closed.