Curso completo

Testes Web Avançados com Playwright

Eleve seu nível com Playwright em uma aplicação web real: controle a rede (mocks e atrasos), teste o estado do navegador, cookies e downloads, e aplique design de testes avançado, acessibilidade e CI.

Conteúdo do curso

14 aulas completas cobrindo tudo o que você precisa saber

Introdução

Introdução
Estrutura do curso
Saiba como o curso está organizado e aproveite o conteúdo ao máximo.
Introdução
Pré-requisitos
Sistemas e conhecimentos necessários para concluir o curso.
Introdução
Conhecendo a aplicação sob teste
Conheça o EngageSphere, a aplicação de customers e sua API GET /customers que você vai testar.
Aula
Aula 1
Clonando o projeto
Faça o fork e clone o projeto e, em seguida, instale e configure o Playwright para começar.

Controlando a rede

Aula
Aula 2
Interceptando requisições de rede com page.route()
Observe e assuma o controle da rede com page.route() para testar de forma independente do backend.
Aula
Aula 3
Mockando respostas de API com dados de mock
Isole o frontend do backend respondendo às requisições com dados de mock estáticos.
Aula
Aula 4
Testando estados vazios mockando dados
Mocke uma resposta de customers vazia para testar de forma confiável o estado vazio e seus efeitos colaterais.
Aula
Aula 5
Simulando respostas lentas e estados de carregamento
Atrase uma resposta para testar de forma confiável o estado intermediário de carregamento.
Aula
Aula 6
Fazendo asserções sobre requisições e aguardando respostas
Aguarde e faça asserção sobre a requisição real que a aplicação envia com o waitForResponse().
Aula
Aula 7
Simulando falhas de rede com route.abort()
Faça a requisição falhar com route.abort() para verificar que a aplicação recorre ao estado vazio.

Estado do navegador, cookies e downloads

Aula
Aula 8
Lendo o localStorage do navegador
Faça asserção de que o tema e o limite de paginação persistem lendo o localStorage com page.evaluate().
Aula
Aula 9
Testando o consentimento de cookies
Leia e semeie cookies com o contexto do navegador para testar o fluxo de consentimento de cookies.
Aula
Aula 10
Verificando o download do CSV
Capture o arquivo baixado e faça asserção sobre o seu conteúdo a partir do frontend, mockando a API.

Design de testes avançado

Aula
Aula 11
Fixtures personalizadas com test.extend()
Elimine duplicação extraindo a preparação para fixtures reutilizáveis do Playwright.
Aula
Aula 12
Organizando testes com o Page Object Model
Encapsule seletores e ações em page objects para testes legíveis e fáceis de manter.

Qualidade e ferramentas

Aula
Aula 13
Testes de acessibilidade com @axe-core/playwright
Detecte problemas de acessibilidade automaticamente executando o axe nas suas páginas.
Aula
Aula 14
Executando testes em CI com o GitHub Actions
Execute sua suíte do Playwright a cada push e publique o relatório HTML como um artefato.

Bônus e conclusão

Bônus
Revisão de código com IA
Revise código de testes do Playwright com IA, embasada nos agents, skills e documentação oficiais do Playwright.
Bônus
Pratique por conta própria: teste as funcionalidades restantes
Consolide o que você aprendeu testando as funcionalidades do EngageSphere que o curso não cobriu.
Conclusão
Parabéns!
Você concluiu o curso Testes Web Avançados com Playwright!