Plan de Estudio 2026
Learn
Testing
Desde cero hasta dominar testing en frontend con fundamentos que escalan directo al backend. Sin saltar etapas.
14
Semanas
210h
Totales
5
Fases
15h
Por semana
Scroll
01 — Fases del programa
Roadmap completo
5 fases progresivas desde fundamentos mentales hasta testing en backend.
Fase 1
Por que testeamos?
Semana 1-2
Confianza al refactorizar, documentacion viva, catch de regresiones. Testing no es solo "encontrar bugs".
Fase 1
La Piramide de Testing
Semana 1-2
Unit → Integration → E2E. Mas unitarios, menos E2E. Costo vs velocidad de feedback.
Fase 1
Que hace un buen test
Semana 1-2
AAA pattern (Arrange, Act, Assert). Tests deterministas, aislados, rapidos y con nombres descriptivos.
Fase 2
Vitest / Jest
Semana 2-5
Setup basico, describe/it/expect, matchers comunes. Vitest para Vite projects, Jest para el resto.
Fase 2
Funciones puras
Semana 2-5
Empieza aqui. Input → Output predecible. Cero side effects. El testing mas facil que existe.
Fase 2
Mocks, Stubs & Spies
Semana 2-5
vi.fn(), vi.mock(), vi.spyOn(). Aislar dependencias externas (APIs, localStorage, modulos).
Fase 2
Testing de Componentes
Semana 2-5
React Testing Library o Vue Test Utils. Testear comportamiento, no implementacion. getByRole sobre getByTestId.
Fase 2
Hooks & Custom Logic
Semana 2-5
renderHook de RTL. Testear useEffect, useState, custom hooks sin renderizar UI completa.
Fase 2
Peticiones HTTP
Semana 2-5
Mock Service Worker (MSW) para interceptar fetch/axios. Tests realistas sin servidor real.
Fase 3
Integration Testing
Semana 6-9
Testear multiples unidades juntas: formularios completos, flujos de estado con context/store, interaccion entre componentes.
Fase 3
Cypress
Semana 6-9
E2E en el browser real. cy.visit, cy.get, cy.intercept. Testear flujos criticos: login, checkout, forms complejos.
Fase 3
Playwright
Semana 6-9
Alternativa moderna a Cypress. Multi-browser nativo, mejor para CI/CD, mas rapido. Elige uno y profundiza.
Fase 3
Que testear con E2E (y que no)
Semana 6-9
Flujos criticos de negocio (auth, pago), navegacion entre paginas, formularios end-to-end. NO cada variante de UI (eso es unit), NO casos edge (eso es integration), NO logica interna de componentes.
Reglas E2E SI: Auth, pagos, navegacion, forms completos
NO: Variantes UI, casos edge, logica interna
NO: Variantes UI, casos edge, logica interna
Fase 4
Accessibility Testing
Semana 10-14
jest-axe para checks automaticos. Queries semanticas en RTL. Testing con roles ARIA reales.
Fase 4
Visual Regression
Semana 10-14
Snapshots de UI con Storybook + Chromatic o Percy. Detectar cambios visuales no intencionados.
Fase 4
Coverage Reports
Semana 10-14
Istanbul/V8 coverage. No busques 100%, busca cubrir paths criticos. Coverage como guia, no como meta.
Fase 4
TDD en practica
Semana 10-14
Red → Green → Refactor. Empieza con el test, escribe el minimo codigo para pasarlo, luego limpia.
Fase 4
Testing en CI/CD
Semana 10-14
GitHub Actions corriendo tests en cada PR. Bloquear merge si tests fallan. Parallelization para velocidad.
Puente
Puente hacia Backend
Transicion
Los fundamentos que aprendiste aplican directo al backend. El mindset, la piramide, AAA, mocks, coverage — todo es igual. Solo cambian las herramientas y lo que testeas.
Fase 5
Jest para Node.js
Cuando quieras
Unit testing de funciones, services, utilidades. Mismo Jest, diferente entorno. Sin DOM, sin browser APIs.
Fase 5
Mockeando DB & Servicios
Cuando quieras
jest.mock() para repos/ORMs. Test doubles para llamadas a base de datos. Testear logica sin SQL real.
Fase 5
API / Integration Tests
Cuando quieras
Supertest para testear rutas HTTP reales contra una instancia del servidor. Seed de datos y cleanup.
Fase 5
Testing de modulos Python/otros
Cuando quieras
Pytest (Python), Go test, JUnit (Java). Los conceptos son identicos. Las APIs son distintas.
