Page Object Model na Prática: Refatorando e Otimizando Testes de Cadastro | Dicas do Gabs

Nesse episódio da série Automação de Testes do Zero, aqui no canal Dicas do Gabs, a gente continua a jornada de refatoração do nosso projeto, aplicando os conceitos de Page Object Model (POM) na prática e transformando o código gerado automaticamente em um teste robusto e legível. Nesse vídeo você vai aprender: como limpar o código gerado pelo Codegen, removendo URLs duplicadas e cliques desnecessários, a importância de nomear seus testes de forma descritiva para facilitar a manutenção, como organizar seu teste com comentários para etapas claras, a usar o exact: true em seletores para evitar ambiguidades e garantir que o Playwright encontre o elemento correto, e a aplicar a flag /i em expressões regulares para ignorar maiúsculas e minúsculas, tornando seus seletores mais resilientes a mudanças de estilo. Ainda temos desafios pela frente, especialmente com a gestão de dados de teste, mas cada passo nos aproxima de uma arquitetura de automação profissional. Já deixa o like e se inscreve para acompanhar a continuação dessa refatoração e a introdução de dados dinâmicos nos próximos episódios. Se ficou alguma dúvida sobre a refatoração, seletores ou qualquer outro ponto, me manda no canal Dicas do Gabs ou no LinkedIn, vamos aprendendo juntos nessa jornada. Toda semana tem conteúdo novo sobre Playwright, QA e automação de testes! Esse vídeo faz parte da série Automação do Zero. Assista aos episódios anteriores para entender como chegamos até aqui: configuração do ambiente, Codegen, execução de testes de cadastro e a teoria de Page Object Model e Fixtures. Conteúdo do vídeo: 00:00 Introdução e revisão da Page Class, 01:30 Removendo URLs duplicadas do teste, 03:30 Criando a primeira Page Class (CadastroPage.js), 07:00 Entendendo o @ts-check e o construtor, 09:00 Importando a Page Class no teste de cadastro, 12:00 Renomeando o teste com um nome descritivo, 14:00 Organizando o teste com comentários de etapas, 16:00 Removendo cliques desnecessários antes de preencher campos, 18:00 Introduzindo exact: true para seletores de texto, 20:00 Explicando o uso de regex com /i para ignorar case-sensitivity, 22:00 Desafios com dados hardcoded e próximos passos.