A maioria dos iniciantes começa com tutoriais de Playwright antes de conseguir ler uma mensagem de erro JavaScript. Trava na primeira vez que encontra async/await, passando uma semana contornando um conceito que ainda não foi apresentado. O problema não é a dificuldade: é a sequência.

O que aprender (e em que ordem)

O erro que a maioria dos iniciantes comete é tentar aprender tudo ao mesmo tempo: JavaScript, TypeScript, Playwright, Page Object Model, CI/CD, tudo simultaneamente. Isso não funciona. A ordem importa.

Etapa 1: Fundamentos de teste manual (2 a 4 semanas)

Antes de escrever uma linha de código, entenda o que você está testando e por quê. Isso não é um desvio: é a base.

O que aprender:

  • Como escrever um caso de teste (pré-condições, passos, resultado esperado)
  • O que um bug report precisa incluir
  • A diferença entre severidade e prioridade
  • Conceitos básicos de Agile/Scrum
  • Como testar uma aplicação web manualmente (formulários, navegação, estados de erro)

Onde praticar: qualquer aplicação web. O lab de prática da BecomeQA em lab.becomeqa.com tem login, tabelas, modais, upload de arquivo: suficiente para praticar todos os fundamentos.

Por que importa: automação é só teste manual que roda automaticamente. Se você não entende o que está testando e por quê, vai escrever automação que perde coisas importantes.

Etapa 2: Fundamentos de HTML e CSS (1 a 2 semanas)

Você não precisa ser desenvolvedor web. Precisa entender o que está vendo no browser.

O que aprender:

  • O que são elementos HTML (botões, inputs, links, headings)
  • O que são atributos (id, class, type, aria-label)
  • Como usar o DevTools do browser para inspecionar elementos (clique direito > Inspecionar)

Onde praticar: inspecione qualquer site. Abra o DevTools em um botão. Encontre o elemento, a classe, o role.

Por que importa: os locators do Playwright (getByRole('button'), getByLabel('Email')) só fazem sentido se você entende a estrutura HTML.

Etapa 3: Fundamentos de JavaScript (3 a 5 semanas)

Você não precisa aprender todo JavaScript. Precisa de um subconjunto específico.

O que aprender (em ordem):

1. Variáveis (const, let)

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

3. Funções e arrow functions

4. Condicionais (if/else)

5. Loops (for, forEach)

6. Async/await (o conceito mais importante para o Playwright)

7. Módulos (import, export)

O que você pode pular por enquanto:

  • Classes (aprenda quando chegar ao Page Object Model)
  • Prototypes e this
  • Métodos avançados de array (.reduce, etc.)
  • Closures
  • Expressões regulares

Onde aprender: freeCodeCamp JavaScript basics, The Odin Project ou Eloquent JavaScript (gratuito online). Faça todos os exercícios: assistir não é aprender.

Etapa 4: Fundamentos de Playwright (3 a 4 semanas)

Agora escreva testes reais.

Comece com a documentação oficial do Playwright. Escreva testes contra lab.becomeqa.com:

1. Navegar para a página de login

2. Preencher email e senha

3. Clicar no botão de login

4. Verificar que você está no dashboard

Depois:

  • Escrever testes para a tabela (filtrar, ordenar, paginação)
  • Escrever testes para o modal (abrir, preencher formulário, submeter, fechar)
  • Escrever testes para validação de formulário (submit vazio, email inválido)

Não se preocupe com estrutura perfeita ainda. Primeiro faça funcionar.

Etapa 5: Fundamentos de TypeScript (1 a 2 semanas)

O Playwright funciona com JavaScript e TypeScript. O TypeScript adiciona verificação de tipos: pega erros antes de você rodar o teste.

Você não precisa de conhecimento profundo de TypeScript. Aprenda:

  • Anotações de tipo em variáveis e parâmetros de funções
  • Interfaces para objetos
  • Como ler mensagens de erro do TypeScript

Tudo que você já sabe de JavaScript se transfere diretamente.

Etapa 6: Page Object Model (2 a 3 semanas)

Quando você tiver 10+ testes, vão começar a ficar bagunçados. O Page Object Model é um padrão para organizar testes: seletores e ações em um lugar (page objects), lógica de teste em outro (arquivos spec).

Construa em cima dos testes que você já tem. Refatore-os para a estrutura POM. Aprenda fazendo.

O cronograma

Um cronograma realista, não otimista, para quem está começando do zero:

| Etapa | Duração | Marco |

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

| Fundamentos de teste manual | 3 a 4 semanas | Consegue escrever casos de teste completos |

| Fundamentos de HTML/CSS | 1 a 2 semanas | Consegue ler e inspecionar o DOM |

| Fundamentos de JavaScript | 4 a 6 semanas | Consegue escrever funções assíncronas |

| Fundamentos de Playwright | 3 a 4 semanas | 10+ testes no app de prática |

| TypeScript + POM | 3 a 4 semanas | Projeto de testes estruturado no GitHub |

| Fundamentos de CI/CD | 1 a 2 semanas | Testes rodando no GitHub Actions |

Total: 4 a 5 meses de estudo e prática diária consistente. Não 4 a 5 meses de assistir passivamente.

O que atrasa as pessoas

Assistir sem fazer. Você pode assistir 40 horas de tutoriais e ainda não conseguir escrever um teste. Escreva código todo dia, mesmo que por 20 minutos. Aprender sem objetivo. "Aprender JavaScript" não é um plano. "Escrever um teste que faz login em lab.becomeqa.com e verifica que o dashboard carrega" é um plano. Trabalhe em direção a resultados concretos. Pular async/await. Esse conceito trava quase todo iniciante. O artigo do Playwright neste site explica. Leia. Leia de novo. Pratique com exemplos pequenos até entender. Tentar entender tudo antes de avançar. Você vai usar coisas antes de entendê-las completamente. Isso é normal. O entendimento vem do uso repetido.

O primeiro projeto para colocar no GitHub

Quando você estiver se candidatando a vagas, precisa de algo para mostrar. Construa isso:

Uma suite de testes Playwright para lab.becomeqa.com com:

  • Teste de login (credenciais válidas > dashboard, credenciais inválidas > erro)
  • Testes de tabela (filtrar por status, verificar resultados)
  • Teste de modal (criar entrada, verificar que aparece)
  • Teste de upload de arquivo
  • Um README explicando como rodar os testes

Isso é alcançável em 4 a 5 meses de aprendizado consistente. Também é suficiente para conseguir entrevistas para vagas de QA automation júnior.

→ Veja também: Roadmap de Automação QA 2026: Habilidades Essenciais para Conseguir Emprego | O Plano de 90 Dias para Conseguir Seu Primeiro Emprego QA | Como Construir um Portfolio de QA que Te Contrata (GitHub + Playwright)