Diseñando Pruebas Efectivas con la Biblioteca de Pruebas de React

La prueba del contrato se refiere a probar las entradas y salidas de un componente sin preocuparse por los detalles internos de su implementación. En React, esto implica asegurar que dado ciertos props o eventos de interacción del usuario (entradas), el componente se comporta como se espera y produce las salidas correctas, ya sea en la interfaz de usuario o llamadas a funciones externas.

Para simular módulos en Jest, se utiliza la función `jest.mock`, donde se pasa la ruta del módulo a simular. Esto permite interceptar las importaciones y reemplazar las funciones y datos del módulo por versiones simuladas, lo que es útil para controlar el comportamiento de dependencias externas en las pruebas.

Una función simulada en Jest, creada con `jest.fn()`, es una función que no tiene implementación propia pero puede rastrear cómo se la llama, cuántas veces y con qué argumentos. Es útil en las pruebas para verificar que se llamen funciones esperadas con los argumentos correctos, especialmente para callbacks y funciones pasadas como props.

`getByText` busca un elemento que coincida con el texto especificado y falla si no lo encuentra inmediatamente. `findByText`, en cambio, devuelve una promesa que resuelve cuando el elemento aparece en el documento, siendo útil para esperar elementos que se cargan de manera asíncrona.

Para asegurarse de que un componente realiza una llamada API correctamente, se puede simular la API usando Jest Module Mocks o bibliotecas similares y verificar que el componente haga la llamada con los parámetros correctos. Además, se puede comprobar que el componente maneja adecuadamente la respuesta de la API, actualizando el estado o la UI según corresponda.

Para probar los estados de carga en componentes React, se puede simular una promesa que no se resuelva inmediatamente para emular la espera de datos. Usando `waitFor` o `findBy` de React Testing Library, se pueden manejar aserciones en componentes que dependen de operaciones asíncronas como la carga de datos desde una API.