[QANinjaConf2017] Testes de Regressão Visual com Galen Framework
0 gostou613 visualizações
O documento discute testes de regressão visual, introduzindo o framework Galen. Descreve como o Galen pode ser usado para validar posicionamento, tamanhos, textos e outros aspectos visuais de páginas web. Fornece exemplos de comandos e especificações que podem ser usados.
[QANinjaConf2017] Testes de Regressão Visual com Galen Framework
- 1. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Lead QA Engineer at Evino
- 2. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Testes funcionais automatizados tem o objetivo de avaliar o comportamento da aplicação passíveis a erros estruturais!
- 3. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Testes de regressão visual é um tipo de teste estrutural que visa avaliar o posicionamento e aspectos visuais dos elementos
- 4. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Testes funcionais vs Testes visuais - Verifica se o elemento A está acima do B - Verifica se a largura e altura possuem 50 px - Verifica se o elemento está centralizado - Verifica se se a cor do elemento é cinza Valida que o login foi feito com sucesso - Valida que o estoque baixou após a compra - Valida que conta é bloqueada após 3 tentativas - Valida que não podem haver dois CPFs iguais -
- 5. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Ferramentas populares Galen Framework WebDriverCSS PhantomCSS BackstopJS LineUp github.com/otto-de/lineup github.com/garris/BackstopJS github.com/Huddle/PhantomCSS github.com/webdriverio/webdrivercss github.com/galenframework
- 6. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Ferramentas populares Galen Framework WebDriverCSS PhantomCSS BackstopJS LineUp github.com/otto-de/lineup github.com/garris/BackstopJS github.com/Huddle/PhantomCSS github.com/webdriverio/webdrivercss github.com/galenframework
- 7. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Galen Framework Framework open source criado, originalmente, para testes de regressão visual baseando-se em posicionamento absoluto e relativo entre elementos Disponível em Pré-requisitos Java 1.6 +, Node.js e NPM
- 8. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] O que posso validar com Galen Framework? Largura, Altura, Textos, Posicionamento relacional e absoluto, alinhamentos e css, além de poder utilizar comandos condicionais e laços para interagir com elementos da página. Veja mais em: http://galenframework.com/docs/reference-galen-spec-language-guide/
- 9. Galen Framework Testes de Regressão Visual com Júlio de Lima @juliodelimas [email protected] Cria-se uma especificação de uma página web (.gspec) Cria-se scripts de teste (.js) para interagir com elementos Cria-se suítes de teste (.test) para gerir a execução Executa-se os testes através do galen test *.test Analisa-se os relatórios de execução dos testes 1 2 3 4 5
- 10. Júlio de Lima @juliodelimas [email protected] Lead QA Engineer at Evino Galen Framework Testes de Regressão Visual com Bora codar? github.com/juliodelimas/exemplo-galen-framework
- 11. Júlio de Lima @juliodelimas [email protected] Lead QA Engineer at Evino Galen Framework Testes de Regressão Visual com Dúvidas?