Aprenda como criar testes de comparação de screenshots
Gostei muito do curso! Já tinha ouvido falar sobre o assunto, acompanho os videos sobre testes de regressão visual no blog talkingabouttesting.com e foi o que me levou a comprar o curso de BackstopJS. Achei bem interativo, explicado de maneira fácil, não cansativo e direto ao ponto. Estou ansiosa pelo curso de Protractor! :)
Nesta aula iremos:
- Clonar um projeto git
- Inicializar um projeto Node.js
- Criar o arquivo .gitignore
- Instalar o BackstopJS
- Inicializar o projeto de testes de regressão visual com o BackstopJS
- Brevemente navegar pela documentação oficial da ferramenta
Repositório do projeto no GitHub:
- https://github.com/wlsf82/curso-backstopjs-tat (branch master)
Conteúdos relacionados no blog TAT:
- Otimize os testes automatizados de GUI
- Testes de regressão visual com BackstopJS e GoCD
Documentação:
Nesta aula iremos:
- Criar o primeiro teste de regressão visual utilizando a ferramenta BackstopJS
URL da aplicação exemplo que será testada
https://ticketbox-backstopjs-tat.s3.eu-central-1.amazonaws.com/index.html
Nesta aula iremos:
- Aprender como criar testes que clicam em um determinado elemento antes da comparação de screenshots
- Aprender como criar testes que clicam em diversos elementos antes da comparação de screenshots
Nesta aula iremos:
- Aprender como criar testes que utilizam comandos customizados para interagir com elementos do tipo select
Documentação:
Nesta aula iremos:
- Aprender como criar testes que utilizam comandos customizados para digitar em campos do tipo texto
Nesta aula iremos:
- Aprender como criar testes que preenchem formulários
- Aprender como reutilizar comandos customizados para evitar duplicação de código
Nesta aula iremos:
- Aprender o básico para a realização de testes de regressão visual para componentes específicos
Nesta aula iremos:
- Aprender como criar testes de regressão visual para componentes específicos utilizando comandos customizados
- Aprender como criar testes de regressão visual para componentes específicos que exibem conteúdo dinâmico
Repositório do projeto no GitHub
https://github.com/wlsf82/curso-backstopjs-tat/tree/solucao-final (branch solucao-final)
Nesta aula iremos:
- Aprender sobre as diversas funcionalidades do relatório de testes do BackstopJS
Testes de regressão visual automatizados adicionam uma nova camada de validação automática no ciclo de vida do software, garantindo que se mudanças em uma aplicação quebrarem sua aparência visual, você terá feedback rápido para a correção antes de seus usuários perceberem.
Neste curso você irá trabalhar em um projeto de testes de regressão visual, explorando as funcionalidades do BackstopJS para a criação de testes de automatizados.
Pré-requisitos:
- git (2.18.0), NodeJS (12.16.1) e NPM (6.13.4) instalados no computador
- Navegador Google Chrome instalado no computador (81.0.4044.92)
- Curso introdutório de testes automatizados (recomendado)
- Conhecimentos básicos de HTML e seletores CSS (recomendado)
- Conhecimentos básicos de JavaScript (recomendado)
Obs.: 10% do valor pago pelo curso será doado à organização Patas Dadas, a qual tem a missão de resgatar animais em situação de abandono, proporcionando o atendimento veterinário necessário até estarem prontos para a adoção, buscando conscientizar a população da importância da adoção responsável.
Engenheiro de software, embaixador do Cypress.io, skatista, blogger, escritor, YouTuber e...
Profissional de engenharia de software com foco em garantia da qualidade desde 2004, clean coder, autor do blog talkingabouttesting.com, autor do canal TalkingAboutTesting no YouTube, Embaixador do Cypress.io, autor do livro Protractor - Lições sobre testes end-to-end automatizados, publicado pela editora Casa do Código, mentor, mantenedor da biblioteca protractor-helper, ativo membro de comunidades de desenvolvimento de software, voluntário, coordenador e palestrante em eventos de tecnologia no Brasil e na Europa, e uma pessoa com sede de compartilhar conhecimento.
Website: walmyr.dev
GitHub: wlsf82
"Gostei muito da forma como foi estruturado esse curso. Já tinha pesquisado sobre BackstopJS, porque me parecia uma ferramenta fácil para implementar testes de regressão visual automatizados. Os exemplos utilizados no curso mostraram de forma fácil de entender o que pode ser feito com a ferramenta, são bem pontuais e mostraram exatamente o que eu precisava saber. Sem falar no preço muito acessível e realista, em contraste com outras plataformas que ensinam por preços mais altos. Esperando os próximos cursos e espero que sejam tão bons e fluidos como este!"
André Mendes
QA Engineer
"Esse foi meu 3º curso com o Walmyr e superou as minhas expectativas. O curso foi simples e fácil de aprender e colocar em prática logo em seguida. O BackstopJS é uma ferramenta muito poderosa e facilita a vida de quem realiza testes, e o Walmyr conseguiu passar com clareza e simplicidade como as coisas funcionam. É um investimento que vale muito a pena!"
Pedro Henrique
QA Engineer
"Estava pesquisando sobre uma ferramenta em Javascript gratuíta para testes de regressão visual e o BackstopJS atende essa necessidade. O curso é muito proveitoso, com linguagem bem didática e permite economizar tempo para aprender a ferramenta de uma forma rápida e prática, inclusive para utilizar dentro de um projeto real. Vale muito a pena o investimento!"
Ana Paula Franco
Analista de Qualidade
"O curso de BackstopJS me trouxe um ganho enorme no meu contexto profissional. A didática e a metodologia neste curso é muito satisfatória, e os materiais extras sugeridos e a resolução das dúvidas foram cruciais para um bom aproveitamento do curso. Até mesmo durante o curso já foi possível aplicar o conhecimento em meus projetos profissionais."
Marlon Cristo
Analista de testes