Sprint 4 — Testing con Vitest: blindar el checkout de eshop.com
Semanas 7–8: escribe pruebas unitarias y de integración con Vitest + React Testing Library para que las regresiones de checkout no lleguen a producción.
Módulo 1: Introducción a Testing en React con Vitest
Por qué probar, la pirámide de pruebas, filosofía de Testing Library y tu primer test sobre un componente real de eshop.com.
Módulo 2: Pruebas de Componentes — Eventos y Asserts
Queries de Testing Library, userEvent vs fireEvent, y cómo testear el carrito de eshop.com con eventos reales de usuario.
Módulo 3: Mockeando Llamadas a la API en Pruebas
Por qué no golpear el backend real en tests, vi.mock() para servicios de eshop.com y MSW para interceptar peticiones de red a nivel HTTP.
Clase Semana 7 — Setup y primer test sobre ProductCard
Configura Vitest + Testing Library en tu proyecto del Sprint 3 y escribe tests verdes sobre el ProductCard real de eshop.com.
Clase Semana 8 — Pruebas con Mocks y Reporte de Coverage
Mockear productService y authService en los tests de eshop.com, correr vitest --coverage y priorizar qué flujos cubrir primero.
Drills Sprint 4 — Queries y userEvent
Practica React Testing Library: escribe aserciones con getBy*/findBy*/queryBy* y simula clics y escritura del usuario con userEvent para probar el carrito de eshop.com.
Drills Sprint 4 — Mocks, MSW y Coverage
Practica cómo aislar el API en tus tests con vi.mock() y MSW, probar hooks con renderHook y medir qué tanto de tu código cubren los tests con vitest --coverage.
Sesión de Práctica Sprint 4: Suite de Tests para el Carrito
Video en vivo, con errores incluidos, de cómo se arma desde cero una suite de tests completa para cartReducer: queries, userEvent, mocks, MSW y cobertura, todo junto.
Entregable Sprint 4: PR con Tests del Carrito
Escribe tests que cubran el cartReducer y el componente ProductsList con estados (loading, error, success) y manejo de API mocked.