1 - Iniciando um projeto de testes com BackstopJS
O que você vai aprender?
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
