Automatização de Testes com Cypress

Atualmente existe uma gama de ferramentas para automatização de testes em aplicações web. Irei falar um pouco sobre a ferramenta Cypress, na qual está ganhando destaque no processo de automatização de testes comparado ao famoso Selenium, apresentando a ferramenta, as possibilidades do que ela realiza, além de demonstrar um pouco mão-na-massa com uma aplicação simples.

Essa palestra foi realizada no Techlive #14, no canal do youtube, Comunidade Dev SLZ (https://www.youtube.com/channel/UCvYjkVADyl0KCPxY3sj59Og/about).

Semanalmente, a comunidade realiza uma Techlive e para quem quiser participar é preciso se inscrever nas palestras, através do link: https://bit.do/techlives

Link da palestra ocorrida em 05/08/2020: https://youtu.be/VZZ-g2v99TQ

Transcript

1. Iniciando testes automatizados para aplicações web usando Cypress por Aldrea Malheiros Oliveira Rabelo
2. Quem sou eu Bacharela em Sistemas de Informação pelo Uniceuma MBA em Testes de Software pelo Uniceuma Pós-Graduada em Análise e Projeto de Sistemas pela UFMA Mestre em Ciência da Computação pela UFMA Fui desenvolvedora de sistemas no Uniceuma por 4 anos. Há 8 anos trabalho como supervisora da equipe de sistemas, analista de sistemas e analista de testes na UNASUS/UFMA. Linkedln: Aldrea Malheiros Oliveira Rabelo GitHub: https://github.com/AldreaMOR
3. Fonte: https://www.primecontrol.com.br/automacao-de-testes/
4. Cypress - Testando aplicações web e2e • A Web evoluiu, finalmente os testes também JavaScript End to End Testing Framework | cypress.io • Tanto desenvolvedores como engenheiros de teste/QA de aplicações web podem criar: ◦ Testes end-to-end (e2e) ◦ Testes de integração ◦ Testes unitários
5. https://www.cypress.io/features
6. https://www.cypress.io/how-it-works/
7. Iniciando com Hello World com o Cypress Passo 1 Necessário ter a aplicação do git instalado no computador Inicie um novo projeto git local Passo 2 Adicione no .gitignore os diretórios: node_modules cypress/screenshots * cypress/videos * Passo 3 Tenha instalado no seu computador: Node versão ~12.6.0 Npm versão ~6.10.2
8. Iniciando com Hello World com o Cypress Passo 4 Instala o cypress dentro do diretório do projeto npm install cypress Passo 5 Gera estrutura utilizada pelo cypress no seu projeto, abrindo a aplicação do cypress npx cypress open Passo 6 Pode ser executado os testes via terminal e via aplicação do cypress, respectivamente: npx cypress run npx cypress open
9. Iniciando com Hello World com o Cypress Passo 7 Os testes são criados dentro da estrutura cypress/integration, em arquivos com extensão .spec.js
11. Projeto desenvolvido em https://github.com/AldreaMOR/hello_cypress Email: aldrea.mno@gmail.com Linkedln: Aldrea Malheiros Oliveira Rabelo
12. Cypress na Integração Contínua com Gitlab (próximo?)