Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Testes de
Regressão Visual
Dando um Upgrade em seus testes da
camada de UI
Hello!
Eu sou a Mari!
QA Engineer no P&D da Lenovo
Co-Organizer QA Ladies
FB: /mel.mariielisa
IN: /mariana-elisa-moises
Me...
3
“A inovação é o que distingue um líder de
um seguidor
- Steve Jobs
4
1.
Teste de Regressão
É o teste repetido de um programa
que já foi testado, após sua
modificação, para descobrir
a existên...
Teste de Regressão
6
“Teste de Regressão Visual são scripts de
teste que navegam pela aplicação tirando
screenshots ao longo do percurso e
proc...
A Pirâmide de Testes
Por se tratar de
comparação de imagens,
os Testes de Regressão
Visual acontecem na
camada de UI da Pi...
Diferenças:
Testes Funcionais
▧ Valida se o usuário
conseguiu efetuar login;
▧ Valida se os campos de um
formulário estão ...
E quanto a
execução?
10
Manual
▧ É lento
▧ Sujeito a falhas
▧ Cansativo
▧ Depende de alguém pra ser
executado
Automatizada
▧ É rápido (executado e...
Quando devo usar?
▧ Aparência e visual são fatores importantes
▧ Layout responsivo
▧ Aplicações em que o layout esteja est...
E quanto ás ferramentas:
13
BackstopJS
14
Give me reasons?!
15
▧ Fácil de instalar e usar
▧ Sintaxe simples
▧ Relatórios do navegador com diferenças visuais
▧ Relat...
3 Comandos básicos:
backstop init
Seta uma nova instância do
BackstopJS
backstop test
Cria uma sequência de
screenshots de...
Talk is Cheap,
Show me the CODE!
Demo time! ;)
17
Fonts:
▧ https://github.com/garris/BackstopJS
▧ http://shipit.resultadosdigitais.com.br/blog/testes-de-regressao-visual-
o...
Thanks!
Any questions?
You can find me at:
FB: /mel.mariielisa
IN: /mariana-elisa-moises
Medium: @mari_elisa.m
Email: mari...
Prochain SlideShare
Chargement dans…5
×

TDC2018SP | Trilha Testes - Testes de Regressao Visual - Dando um upgrade nos seus testes da camada de UI

206 vues

Publié le

TDC2018SP | Trilha Testes - Testes de Regressao Visual - Dando um upgrade nos seus testes da camada de UI

Publié dans : Formation
  • Soyez le premier à commenter

TDC2018SP | Trilha Testes - Testes de Regressao Visual - Dando um upgrade nos seus testes da camada de UI

  1. 1. Testes de Regressão Visual Dando um Upgrade em seus testes da camada de UI
  2. 2. Hello! Eu sou a Mari! QA Engineer no P&D da Lenovo Co-Organizer QA Ladies FB: /mel.mariielisa IN: /mariana-elisa-moises Medium: @mari_elisa.m Email: marielisa.moises@gmail.com 2
  3. 3. 3
  4. 4. “A inovação é o que distingue um líder de um seguidor - Steve Jobs 4
  5. 5. 1. Teste de Regressão É o teste repetido de um programa que já foi testado, após sua modificação, para descobrir a existência de algum defeito introduzido ou não coberto originalmente como resultado da mudança CTFL Syllabus - BSTQB 5
  6. 6. Teste de Regressão 6
  7. 7. “Teste de Regressão Visual são scripts de teste que navegam pela aplicação tirando screenshots ao longo do percurso e procurando por diferenças visuais baseada em screenshots previamente aprovadas 7
  8. 8. A Pirâmide de Testes Por se tratar de comparação de imagens, os Testes de Regressão Visual acontecem na camada de UI da Pirâmide de Testes. 8
  9. 9. Diferenças: Testes Funcionais ▧ Valida se o usuário conseguiu efetuar login; ▧ Valida se os campos de um formulário estão todos preenchidos; ▧ Valida se o pedido foi emitido com sucesso; ▧ Valida os principais fluxos da aplicação Testes Visuais ▧ Valida se a imagem tem as mesmas medidas em pixels; ▧ Valida se um gráfico possui as mesmas dimensões; ▧ Valida a cor de fundo de um site; ▧ Valida a localização do elemento em tela. 9
  10. 10. E quanto a execução? 10
  11. 11. Manual ▧ É lento ▧ Sujeito a falhas ▧ Cansativo ▧ Depende de alguém pra ser executado Automatizada ▧ É rápido (executado em headless normalmente) ▧ Permite execução em vários momentos dentro da pipeline de desenvolvimento ▧ É confiável 11 Execução:
  12. 12. Quando devo usar? ▧ Aparência e visual são fatores importantes ▧ Layout responsivo ▧ Aplicações em que o layout esteja estável ▧ Gráficos ▧ Imagens 12
  13. 13. E quanto ás ferramentas: 13
  14. 14. BackstopJS 14
  15. 15. Give me reasons?! 15 ▧ Fácil de instalar e usar ▧ Sintaxe simples ▧ Relatórios do navegador com diferenças visuais ▧ Relatórios CLI ▧ Relatórios JUnit ▧ Roda bem com CI e controle de origem ▧ Executar globalmente ou localmente
  16. 16. 3 Comandos básicos: backstop init Seta uma nova instância do BackstopJS backstop test Cria uma sequência de screenshots de teste e compara com as referências. backstop approve Permite aprovar as screenshots que irão servir como baseline para comparação.
  17. 17. Talk is Cheap, Show me the CODE! Demo time! ;) 17
  18. 18. Fonts: ▧ https://github.com/garris/BackstopJS ▧ http://shipit.resultadosdigitais.com.br/blog/testes-de-regressao-visual- obtendo-olhos-a-prova-de-erros/ ▧ https://talkingabouttesting.com/tag/testes-de-regressao-visuais/ ▧ https://pt.slideshare.net/juliodelimas/qaninjaconf2017-testes-de- regresso-visual-com-galen-framework 18
  19. 19. Thanks! Any questions? You can find me at: FB: /mel.mariielisa IN: /mariana-elisa-moises Medium: @mari_elisa.m Email: marielisa.moises@gmail.com go to my homepage 19

×