La mayoría de los principiantes empieza con tutoriales de Playwright antes de poder leer un mensaje de error de JavaScript, y después se atasca en el primer async/await y pasa una semana rodeando un concepto que todavía no le presentaron. El problema no es la dificultad: es el orden. Este artículo cubre los seis pasos en secuencia desde los fundamentos del testing manual hasta el Page Object Model, con estimaciones de tiempo realistas para cada etapa y qué postegar hasta que realmente lo necesites.

Qué aprender (y en qué orden)

El error que comete la mayoría de los principiantes es intentar aprender todo a la vez: JavaScript, TypeScript, Playwright, Page Object Model, CI/CD, todo simultáneamente. Esto no funciona. El orden importa.

Paso 1: Fundamentos del testing manual (2-4 semanas)

Antes de escribir una sola línea de código, entiende qué estás probando y por qué. No es un desvío: es la base.

Qué aprender:

  • Cómo escribir un caso de prueba (precondiciones, pasos, resultado esperado)
  • Qué debe incluir un reporte de bug
  • La diferencia entre severidad y prioridad
  • Conceptos básicos de Agile/Scrum
  • Cómo probar manualmente una aplicación web (formularios, navegación, estados de error)

Dónde practicar: cualquier app web. El lab de práctica de BecomeQA en lab.becomeqa.com tiene login, tablas, modales, carga de archivos: suficiente para practicar todos los conceptos básicos.

Por qué importa: la automatización es solo testing manual que se ejecuta automáticamente. Si no entiendes qué estás probando y por qué, vas a escribir automatización que omite cosas importantes.

Paso 2: Bases de HTML y CSS (1-2 semanas)

No necesitas ser desarrollador web. Necesitas entender qué estás mirando en un navegador.

Qué aprender: qué son los elementos HTML (botones, inputs, links, encabezados), qué son los atributos (id, class, type, aria-label) y cómo usar el DevTools del navegador para inspeccionar elementos (clic derecho → Inspeccionar).

Dónde practicar: inspecciona cualquier sitio web. Abre el DevTools en un botón. Encuentra su elemento, su clase, su rol.

Por qué importa: los locators de Playwright (getByRole('button'), getByLabel('Email')) solo tienen sentido si entiendes la estructura del HTML.

Paso 3: Fundamentos de JavaScript (3-5 semanas)

No necesitas aprender todo JavaScript. Necesitas un subconjunto específico.

Qué aprender (en orden):

1. Variables (const, let)

2. Tipos de datos (string, number, boolean, array, object)

3. Funciones y funciones flecha

4. Condicionales (if/else)

5. Bucles (for, forEach)

6. Async/await (el concepto más importante para Playwright)

7. Módulos (import, export)

Qué puedes saltarte por ahora:

  • Clases (apréndelas cuando llegues al Page Object Model)
  • Prototipos y this
  • Métodos avanzados de arrays (.reduce, etc.)
  • Closures
  • Expresiones regulares

Dónde aprender: freeCodeCamp JavaScript basics, The Odin Project o Eloquent JavaScript (gratis online). Haz todos los ejercicios: mirar videos no es aprender.

Paso 4: Fundamentos de Playwright (3-4 semanas)

Ahora escribe tests reales.

Empieza con la documentación oficial de Playwright. Escribe tests contra lab.becomeqa.com:

1. Navegar a la página de login

2. Completar email y contraseña

3. Hacer clic en el botón de login

4. Verificar que estás en el dashboard

Después, escribe tests para la tabla (filtrar, ordenar, paginación), para el modal (abrir, completar formulario, enviar, cerrar), y para la validación de formularios (envío vacío, email inválido).

No te preocupes por la estructura perfecta todavía. Primero haz que las cosas funcionen.

Paso 5: Bases de TypeScript (1-2 semanas)

Playwright funciona tanto con JavaScript como con TypeScript. TypeScript agrega verificación de tipos: detecta errores antes de ejecutar el test.

No necesitas conocimiento profundo de TypeScript. Aprende anotaciones de tipo en variables y parámetros de funciones, interfaces para objetos, y cómo leer los mensajes de error de TypeScript.

Todo lo que ya sabes de JavaScript se transfiere directamente.

Paso 6: Page Object Model (2-3 semanas)

Cuando tienes más de 10 tests, empiezan a volverse complicados. El Page Object Model es un patrón para organizar los tests: selectores y acciones en un lugar (page objects), lógica de tests en otro (archivos spec).

Constrúyelo sobre los tests que ya tienes. Refactorízalos a la estructura de POM. Aprende haciendo.

El cronograma

Este es un cronograma realista, no optimista, para alguien que empieza desde cero:

| Etapa | Duración | Hito |

|---|---|---|

| Bases del testing manual | 3-4 semanas | Podés escribir casos de prueba completos |

| Bases de HTML/CSS | 1-2 semanas | Podés leer e inspeccionar el DOM |

| Fundamentos de JavaScript | 4-6 semanas | Podés escribir funciones async |

| Bases de Playwright | 3-4 semanas | 10+ tests en la app de práctica |

| TypeScript + POM | 3-4 semanas | Proyecto de tests estructurado en GitHub |

| Bases de CI/CD | 1-2 semanas | Tests ejecutándose en GitHub Actions |

Total: 4-5 meses de estudio y práctica diaria consistente. No 4-5 meses de mirar videos pasivamente.

Qué frena a las personas

Mirar sin hacer

Puedes ver 40 horas de tutoriales y seguir sin poder escribir un test. Escribe código todos los días, aunque sean 20 minutos.

Aprender sin un objetivo

"Aprender JavaScript" no es un plan. "Escribir un test que inicie sesión en lab.becomeqa.com y verifique que carga el dashboard" es un plan. Trabaja hacia resultados concretos.

Saltarse async/await

Este concepto frena a casi todos los principiantes. El artículo de Playwright en este sitio lo explica. Léelo. Léelo de nuevo. Practica con ejemplos pequeños hasta que haga clic.

Intentar entender todo antes de avanzar

Vas a usar cosas antes de entenderlas completamente. Eso es normal. La comprensión viene del uso repetido.

El primer proyecto para subir a GitHub

Cuando estés buscando trabajo, necesitas algo que mostrar. Construye esto:

Una suite de tests de Playwright para lab.becomeqa.com con:

  • Test de login (credenciales válidas → dashboard, credenciales inválidas → error)
  • Tests de tabla (filtrar por estado, verificar resultados)
  • Test de modal (crear entrada, verificar que aparece)
  • Test de carga de archivos
  • Un README explicando cómo ejecutar los tests

Es alcanzable en 4-5 meses de aprendizaje consistente. También es suficiente para conseguir entrevistas para roles junior de QA automation.

→ See also: Roadmap de Automatización QA 2026: Habilidades Esenciales para Conseguir Trabajo | El Plan de 90 Días para Conseguir tu Primer Trabajo de QA | Cómo Construir un Portfolio de QA que Te Consigue Trabajo (GitHub + Playwright)