Testes de regressão visual com BackstopJS

Aprenda como criar testes de comparação de screenshots

Testes de regressão visual com... Testes de regressão visual com... Testes de regressão... Escola Talking About Testing
R$39,99 R$ 29 , 90 Pague com PayPal

O que você vai aprender?

Testes de Regressão Visual com BackstopJS
1 - Iniciando um projeto de testes com BackstopJS Aula gratuita!

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:

Documentação oficial do BackstopJS

Video
Conteúdo da aula
Vídeo - 221 MB
2 - Criando o primeiro teste
lock

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

Video
Conteúdo da aula
Vídeo - 280 MB
3 - Clicando em elementos
lock

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

Video
Conteúdo da aula
Vídeo - 169 MB
4 - Comandos customizados - campos do tipo select
lock

Nesta aula iremos:

- Aprender como criar testes que utilizam comandos customizados para interagir com elementos do tipo select

Documentação:

- Documentação oficial do Puppeteer

Video
Conteúdo da aula
Vídeo - 170 MB
5 - Comandos customizados - digitando em campos do tipo texto
lock

Nesta aula iremos:

- Aprender como criar testes que utilizam comandos customizados para digitar em campos do tipo texto

Video
Conteúdo da aula
Vídeo - 96 MB
6 - Comandos customizados - formulários
lock

Nesta aula iremos:

- Aprender como criar testes que preenchem formulários

- Aprender como reutilizar comandos customizados para evitar duplicação de código

Video
Conteúdo da aula
Vídeo - 230 MB
7 - Componentes específicos - básico
lock

Nesta aula iremos:

- Aprender o básico para a realização de testes de regressão visual para componentes específicos

Video
Conteúdo da aula
Vídeo - 207 MB
8 - Componentes específicos - utilizando comandos customizados
lock

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)

Video
Conteúdo da aula
Vídeo - 232 MB
9 - Funcionalidades do relatório de testes
lock

Nesta aula iremos:

- Aprender sobre as diversas funcionalidades do relatório de testes do BackstopJS

Video
Conteúdo da aula
Vídeo - 168 MB

Sobre o curso

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.

Saiba mais

Conheça o(a) professor(a)

Walmyr Filho

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

Twitter: @walmyrlimaesilv

Depoimentos

"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!"

0 4

"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!"

0

"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!"

0 4

"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."

0

Escola Talking About Testing

Aprenda sobre teste de software online
Tecnologia
Tec coursify