Testes de regressão visual com BackstopJS

Aprenda como adicionar uma nova camada de validação automatizada em aplicações para entregar softwares sem bugs

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

O que você vai aprender?

Conceitos
01 - Aprofundando os conceitos Aula gratuita!

Nesta aula inicialmente revisitaremos:

- Os testes do topo da pirâmide

- Definição de testes de regressão visual

- Testes de regressão visual no processo de integração contínua

E então veremos:

- Vantagens dos testes de regressão visual

- Problemas comuns nos testes de regressão visual

- BackstopJS e seus pontos fortes

 

Video
Conteúdo da aula
Vídeo - 301 MB
Prática ("mão na massa")
02 - Configurando o ambiente local
lock

Nesta primeira aula prática iremos:

- Clonar o projeto

- Instalar e inicializar o MongoDB

- Instalar as dependências do projeto

- Inicializar a aplicação no ambiente local de desenvolvimento

- Explorar a aplicação

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs

Video
Conteúdo da aula
Vídeo - 298 MB
03 - Iniciando um projeto com BackstopJS
lock

Nesta aula iremos:

- Instalar o BackstopJS

- Inicializar um projeto de testes de regressão visual

- Criar e executar o primeiro cenário de testes de regressão visual

- Aprovar bitmap references

- Ter os primeiros testes passando

- Aprender sobre algumas propriedades de cenários específicas do BackstopJS

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-03

Aviso para usuários de sistema operacional Windows:

Nesta aula, no npm script que executa os testes de regressão visual, substitua o comando `rm -rf backstop_data/bitmaps_test` por `rmdir /S /Q backstop_data\\bitmaps_test `. No windows este é o comando correto.

Video
Conteúdo da aula
Vídeo - 491 MB
04 - Clicando em elementos
lock

Nesta aula iremos:

- Aprender como clicar em elementos

- Aprender como aguardar pelo próximo elemento após a interação anterior

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-04

Documentação da ferramenta (clicando em elementos): https://github.com/garris/BackstopJS#testing-click-and-hover-interactions

Video
Conteúdo da aula
Vídeo - 211 MB
05 - Testando páginas com elementos dinâmicos
lock

Nesta aula iremos:

- Aprender sobre resultados falsos negativos devido a elementos dinâmicos

- Aprender como lidar com elementos dinâmicos para evitar resultados falsos negativos

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-05

Documentação da ferramenta (escondendo elementos): https://github.com/garris/BackstopJS#hiding-selectors

Video
Conteúdo da aula
Vídeo - 308 MB
06 - Removendo elementos
lock

Nesta aula iremos aprender como remover elementos antes da verificação visual.

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-06

 Documentação da ferramenta (removendo elementos): https://github.com/garris/BackstopJS#removing-selectors

Video
Conteúdo da aula
Vídeo - 167 MB
07 - Lidando com falhas visuais reais
lock

Nesta aula iremos:

- Simular uma falha visual real

- Analisar o relatório do BackstopJS

- Corrigir o bug visual

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-07

Video
Conteúdo da aula
Vídeo - 247 MB
08 - Testando um estado específico da aplicação
lock

Nesta aula iremos aprender como testar um estado especíco da aplicação para validar campos obrigatórios a nível visual.

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-08

Video
Conteúdo da aula
Vídeo - 191 MB
09 - Executando scripts customizados
lock

Nesta aula iremos aprender como executar scripts customizados para executar uma sequência de passos até chegar no estado específico da aplicação antes da validação visual.

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-09

Documentação da ferramenta (scripts customizados): https://github.com/garris/BackstopJS#running-custom-scripts

Video
Conteúdo da aula
Vídeo - 251 MB
10 - Testando componentes específicos
lock

Nesta aula iremos aprender como testar visualmente componentes específicos em vez de uma página inteira.

Link do repositório: https://github.com/wlsf82/curso-tat-backstopjs/tree/aula-10

Documentação da ferramenta (testando componentes específicos): https://github.com/garris/BackstopJS#targeting-elements

Video
Conteúdo da aula
Vídeo - 282 MB
Fechamento
Resumo do curso
lock
Video
Conteúdo da aula
Vídeo - 53,2 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.

Na primeira parte deste curso você irá relembrar conceitos relacionados a testes de regressão visual abordados no curso introdutório de testes automatizados e então apronfundá-los para a implementação de tal prática.

Na segunda parte do curso você irá trabalhar em um projeto real, explorando as funcionalidades do BackstopJS para a criação de testes de regressão visual.

Pré-requisitos:

- Curso introdutório de testes automatizados
- Conhecimentos básicos de HTML e seletores CSS (sugestão: curso grátis de HTML e CSS no Codecademy)
- Conhecimentos básicos de JavaScript (sugestão: curso grátis de Javascript no Codecademy)
- Conhecimentos básicos de linha de comando (sugestão: curso grátis de linha de comando no Codecademy)
- Conhecimentos básicos de git (sugestão: curso grátis de git no Codecademy)
- git instalado no ambiente local
- Node.js (8.9.4), NPM (5.6.0) e MongoDB instalados no ambiente local (passo-a-passo para instalação do MongoDB em ambientes Windows e OSX)
- Conhecimentos básicos de NPM (Node Package Manager)

Saiba mais

Conheça o(a) professor(a)

Walmyr Filho

Engenheiro de software, skatista, blogger, escritor, Youtuber e apaixonado por tecnologia

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, 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-filho.com

GitHub: wlsf82

Twitter: @walmyrlimaesilv

Depoimentos

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

Thumb 0

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

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

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

Thumb 0 4

Escola Talking About Testing

Aprenda sobre teste de software online
Tecnologia
Tec coursify