Playwright y Typescript | QA Ep. 3 | La pirámide de pruebas explicada

"¿Qué es la pirámide de pruebas?" es de las preguntas que MÁS se hacen en una entrevista de QA. Y casi nadie la responde bien. En este Episodio 3: las tres capas de pruebas, cuánto cuesta cada una, por qué tu proyecto probablemente está al revés (el famoso cono de helado) y dónde entra exactamente Playwright. Seguimos en el Bloque A de la serie donde construimos un framework REAL de Playwright + TypeScript para tu portafolio. ━━━━━━━━━━━━━━━━━━━━━━ 🔺 LA PIRÁMIDE DE PRUEBAS POCOS ▸ E2E — prueba el sistema completo como un usuario real ALGUNOS ▸ Integración / API — prueba que dos o más piezas hablen bien entre sí MUCHOS ▸ Unitarias — prueba una función aislada, las escribe el developer Más arriba: más lento, más frágil, más caro de mantener. ━━━━━━━━━━━━━━━━━━━━━━ 💰 CUÁNTO CUESTA CADA CAPA ▸ UNITARIA — Milisegundos · costo bajo · confianza baja · la escribe el Developer ▸ INTEGRACIÓN / API — Segundos · costo medio · confianza media · Dev o QA ▸ E2E (UI) — Minutos · costo alto · confianza alta · el Automation QA ⚡ LA TENSIÓN CENTRAL: las pruebas que más confianza dan son las más lentas y las más caras. Por eso no se automatiza todo en E2E: se ELIGE. ━━━━━━━━━━━━━━━━━━━━━━ 🍦 EL ANTIPATRÓN: EL CONO DE HELADO La pirámide invertida. Probablemente sea la forma de tu proyecto ahora mismo: • Pruebas manuales — la mayor parte del esfuerzo, a mano en cada release • E2E automatizadas — lentas, frágiles y la mitad están desactivadas • Unitarias — casi ninguna SÍNTOMAS: ✗ La suite tarda horas ✗ Falla sin razón aparente ✗ Nadie confía en el rojo ✗ Se releasea igual ━━━━━━━━━━━━━━━━━━━━━━ 🏆 LA VERSIÓN MODERNA: EL TROFEO DE PRUEBAS Kent C. Dodds propuso ajustar la pirámide: la capa que más rinde hoy es la de integración / API. ▸ E2E — pocas, solo los flujos que dan dinero ▸ INTEGRACIÓN / API — la capa más rentable: rápida, estable y prueba de verdad ▸ UNITARIAS — las necesarias, escritas por desarrollo ▸ ANÁLISIS ESTÁTICO — TypeScript y el linter: errores atrapados sin ejecutar nada 👀 Ojo con la base: TypeScript es la capa MÁS BARATA de todas. Atrapa errores mientras escribes, sin correr un solo test. ━━━━━━━━━━━━━━━━━━━━━━ 🎭 DÓNDE ENTRA PLAYWRIGHT ✅ E2E de interfaz — abrir el navegador y simular al usuario ✅ Pruebas de API — sí, Playwright también hace API testing (Bloque F de la serie) ❌ Pruebas unitarias — eso es Jest o Vitest, y lo hace desarrollo ❌ Performance y carga — para eso existen k6 o JMeter Que una herramienta no haga todo es una virtud, no un defecto. ━━━━━━━━━━━━━━━━━━━━━━ ⏱️ CAPÍTULOS 00:00 Bienvenida 00:19 Repaso del Episodio 2 00:46 Qué te llevas de este video 01:14 La pirámide de pruebas 01:37 Base: pruebas unitarias 02:03 Medio: integración y API 02:24 Cima: E2E 02:49 Cuánto cuesta cada capa 04:26 La tensión central 04:51 El antipatrón: el cono de helado 05:13 Los 4 síntomas del cono de helado 05:50 El trofeo de pruebas (Kent C. Dodds) 06:36 Análisis estático: TypeScript, la capa más barata 07:11 Dónde entra Playwright y dónde no 07:50 Lo que casi todos hacen mal 08:41 40 minutos por UI vs 20 segundos por API 09:21 Tres cosas para quedarte 10:12 Próximo episodio ━━━━━━━━━━━━━━━━━━━━━━ 🔥 LO QUE CASI TODOS HACEN MAL 1. Tratar la pirámide como una regla rígida. Es una guía de proporciones, no una cuota. Una API sin interfaz no necesita capa E2E. 2. Automatizar en E2E lo que se prueba mejor en API. Validar 200 combinaciones de un formulario por la UI: 40 minutos. Por API: 20 segundos. 3. Creer que la capa E2E "prueba todo". Prueba que el camino feliz funciona. Los bordes se cubren mucho mejor abajo. ━━━━━━━━━━━━━━━━━━━━━━ 📌 TRES COSAS PARA QUEDARTE 1️⃣ Más arriba, más caro. Cada capa que subes es más lenta, más frágil y más costosa de mantener. 2️⃣ El cono de helado se paga. Suite lenta, tests que fallan solos y un equipo que dejó de creerle al rojo. 3️⃣ Playwright cubre E2E y API. Dos capas, no todas. Y TypeScript nos da la capa más barata: la estática. ━━━━━━━━━━━━━━━━━━━━━━ ▶️ SIGUIENTE EPISODIO Por qué Playwright: la comparativa honesta con Selenium y Cypress. 🔔 SUSCRÍBETE para no perder el orden de la serie. Tus dudas en los comentarios se responden con mucho amor y cariño 💚 #Playwright #TypeScript #PiramideDePruebas #QAAutomation #TestingDeSoftware