Cómo probar peticiones al backend con React Testing Library (axios sin backend)
Aprende cómo probar peticiones al backend con Axios en React usando Jest y Testing Library. Mockea requests HTTP y evita depender del backend.
Mocking API en React
Recopilación de herramientas, librerías y técnicas para simular APIs en aplicaciones React. Incluye guías sobre cómo usar MSW (Mock Service Worker), Nock, miragejs y estrategias de mockeo con Jest para reemplazar peticiones HTTP reales. Aprende a probar componentes y hooks sin depender del backend, creando respuestas controladas, reproducibles y fáciles de mantener.
Esta sección se enfoca en cómo simular APIs en pruebas de React, un problema común cuando tus componentes dependen de datos externos o servicios backend.
Si quieres una visión completa sobre testing en React —qué probar, cómo estructurar pruebas y cómo evitar errores comunes— te recomiendo empezar por la guía principal de Testing en React.
Empieza por aquí
Si tus componentes dependen del backend, estas guías te ayudarán a probarlos sin levantar un servidor real:
- Cómo usar Mock Service Worker para simular las llamadas a tu API
- Cómo simular tu API en React con Nock y Jest
Qué aprenderás al simular APIs en React
Aquí aprenderás a:
- Interceptar peticiones HTTP en pruebas
- Simular respuestas exitosas y errores
- Probar componentes y hooks sin depender del backend
- Reducir flakiness en tus tests
- Elegir entre MSW, Nock o mocks simples según el caso
El objetivo es tener pruebas rápidas, confiables y reproducibles.
Preguntas frecuentes sobre mocking de API
¿Es mejor MSW o mocks con Jest?
MSW suele ser más realista porque intercepta peticiones HTTP completas. Jest mocks pueden servir para casos simples.
¿Debo mockear todas las APIs?
Solo las externas o inestables. No todo necesita ser mockeado.
Artículos sobre Mocking API en React
Cómo simular tu API en React con Nock y Jest para mejorar tus pruebas
Aprende a usar Nock y Jest para simular tu API en React, interceptar peticiones HTTP y crear pruebas más rápidas y confiables sin dependencias externas.
Cómo usar Mock Service Worker para simular las llamadas a tu API
Descubre cómo Mock Service Worker (MSW) te permite interceptar y simular peticiones HTTP en React. Prueba tus componentes sin necesidad de un backend real.
.png)
Cómo usar un MockServer en mi aplicación React
Simula endpoints HTTP con Mockoon para avanzar en React sin depender del backend. Verás un caso práctico con formulario, reglas por condición y pruebas con