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.
~5 horas de conteúdo
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 em teste
Conheça a EngageSphere, a aplicação de customers e sua API GET /customers que você vai testar.
Aula
Aula 1Clonando 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 2Interceptando 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 3Mockando respostas de API com dados de mock
Isole o frontend do backend respondendo às requisições com dados de mock estáticos.
Aula
Aula 4Testando 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 5Simulando respostas lentas e estados de carregamento
Atrase uma resposta para testar de forma confiável o estado intermediário de carregamento.
Aula
Aula 6Fazendo 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 7Simulando 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 8Lendo 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 9Testando o consentimento de cookies
Leia e injete cookies com o contexto do navegador para testar o fluxo de consentimento de cookies.
Aula
Aula 10Verificando 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 11Fixtures personalizadas com test.extend()
Elimine duplicação extraindo a preparação para fixtures reutilizáveis do Playwright.
Aula
Aula 12Organizando 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 13Testes de acessibilidade com @axe-core/playwright
Detecte problemas de acessibilidade automaticamente executando o axe nas suas páginas.
Aula
Aula 14Executando testes no CI com o GitHub Actions
Execute sua suíte de testes 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 da EngageSphere que o curso não cobriu.
Conclusão
Parabéns!
Você concluiu o curso Testes Web Avançados com Playwright!