Plan de Estudio 2026
Learn
Testing
Desde cero hasta dominar testing en frontend con fundamentos que escalan directo al backend. Sin saltar etapas.
16
Semanas
240h
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 3
Setup basico, describe/it/expect, matchers comunes. Vitest para Vite projects, Jest para el resto.
Fase 2
Funciones puras
Semana 3
Empieza aqui. Input → Output predecible. Cero side effects. El testing mas facil que existe.
Fase 2
Mocks, Stubs & Spies
Semana 4
vi.fn(), vi.mock(), vi.spyOn(). Aislar dependencias externas (APIs, localStorage, modulos).
Fase 2
Testing de Componentes
Semana 5
React Testing Library o Vue Test Utils. Testear comportamiento, no implementacion. getByRole sobre getByTestId.
Fase 2
Hooks & Custom Logic
Semana 6
renderHook de RTL. Testear useEffect, useState, custom hooks sin renderizar UI completa.
Fase 2
Peticiones HTTP
Semana 7
Mock Service Worker (MSW) para interceptar fetch/axios. Tests realistas sin servidor real.
Fase 2
Angular Testing
Semana 7-8
Testing en Angular tiene sus propias herramientas. TestBed para configurar el módulo de test, Spectator para simplificar setup, ng-mocks para aislar dependencias sin boilerplate.
Fase 3
Integration Testing
Semana 9-11
Testear multiples unidades juntas: formularios completos, flujos de estado con context/store, interaccion entre componentes.
Fase 3
Cypress
Semana 9-11
E2E en el browser real. cy.visit, cy.get, cy.intercept. Testear flujos criticos: login, checkout, forms complejos.
Fase 3
Playwright
Semana 9-11
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 9-11
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 12-16
jest-axe para checks automaticos. Queries semanticas en RTL. Testing con roles ARIA reales.
Fase 4
Visual Regression
Semana 12-16
Snapshots de UI con Storybook + Chromatic o Percy. Detectar cambios visuales no intencionados.
Fase 4
Coverage Reports
Semana 12-16
Istanbul/V8 coverage. No busques 100%, busca cubrir paths criticos. Coverage como guia, no como meta.
Fase 4
TDD en practica
Semana 13-14
Red → Green → Refactor. TDD no se aprende en 1 semana — se internaliza con 2 semanas de práctica activa. Semana 13: ciclos cortos con funciones puras. Semana 14: TDD en componentes y servicios reales.
Fase 4
Contract Testing
Semana 15
Cuando el frontend y el backend son equipos distintos (o micro-frontends), los tests de contrato garantizan que la API que esperas consume la que el backend expone. Pact es el estándar.
Fase 4
Testing en CI/CD
Semana 16
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.
02 — Semana tipo
Distribucion semanal
15 horas semanales divididas en bloques diarios de 3 horas (Lunes a Viernes). Cada dia: teoria + practica del concepto.
Distribucion diaria · 3h
📖 Teoria + documentacion del concepto1h
⌨️ Implementar tests en proyecto real1h 30m
📝 Revisar, refactorizar y documentar30m
| Semana | Fase | Tema principal | Horas |
|---|---|---|---|
| W01 | F1 | Por qué testeamos, TDD intro, mindset, pirámide de testing | 15h |
| W02 | F1 | AAA pattern, qué hace un buen test: determinista, aislado, rápido, descriptivo | 15h |
| W03 | F2 | Vitest / Jest: setup, describe/it/expect, matchers — primeros tests sobre funciones puras | 15h |
| W04 | F2 | Mocks, Stubs & Spies: vi.fn(), vi.mock(), vi.spyOn() — aislar dependencias externas | 15h |
| W05 | F2 | Testing de Componentes: React Testing Library, queries semánticas, getByRole sobre getByTestId | 15h |
| W06 | F2 | Hooks & Custom Logic: renderHook, act(), testing de useEffect y custom hooks | 15h |
| W07 | F2 | HTTP Mocking: Mock Service Worker (MSW) — tests realistas sin servidor real | 15h |
| W08 | F2 | Angular Testing: TestBed, ComponentFixture, Spectator, ng-mocks, async/fakeAsync | 15h |
| W09 | F3 | Integration Testing: formularios completos, flujos de estado con context/store, interacción entre componentes | 15h |
| W10 | F3 | Cypress: cy.visit, cy.get, cy.intercept — flujos críticos: login, checkout, forms complejos | 15h |
| W11 | F3 | Playwright: multi-browser, CI/CD optimizado — qué testear con E2E y qué no | 15h |
| W12 | F4 | Accessibility Testing: jest-axe, queries semánticas ARIA, testing con roles reales | 15h |
| W13 | F4 | Visual Regression (Storybook + Chromatic) + Coverage Reports (Istanbul/V8, thresholds) | 15h |
| W14 | F4 | TDD en práctica I: Red/Green/Refactor con funciones puras y utilidades — ciclos cortos | 15h |
| W15 | F4 | TDD en práctica II + Contract Testing: Outside-In TDD en componentes + Pact, Consumer-Driven Tests | 15h |
| W16 | F4 | Testing en CI/CD: GitHub Actions, bloquear merge en fallos, paralelización, gates de cobertura | 15h |
