Cypress - passo a passo para criar o primeiro projeto e testes

CYPRESS DIRETO AO PONTO:
https://app.agilizei.com/pt/cursos/cy...

🔔 Quer aprender sobre automação de testes todos os dias, de graça?

Siga o Agilizei no Instagram:   / agilizeicom  

...

Obrigado por assistir! 🚀

Nesse vídeo vamos criar um projeto do zero com o Cypress, usando a nossa "cobaia" desenvolvida durante a semana omnistack - o be the hero.

Baixe o projeto no Github:

https://github.com/samlucax/youtube-c...

Passo a passo para executar os testes:

1.Acessar o diretório backend, instalar as dependências e iniciar a api:

cd backend
depois npm install
depois npm start

2.Acessar o diretório frontend, instalar as dependências e iniciar o site:

cd frontend
depois npm install
depois npm start

3.Acessar o diretório root do projeto (que tem a pasta Cypress), instalar as dependências e abrir o Cypress Runner:

npm install
./node_modules/.bin/cypress open
Se quiser, apague o projeto do Cypress e tente fazer do zero acompanhando o vídeo. Bons estudos!

Vamos ver:
como criar um projeto node
como adicionar o Cypress ao projeto
como criar a estrutura de pastas padrão do Cypress
como executar os testes utilizando o Cypress Runner
como acessar uma página
como mapear elementos utilizando Cypress
como utilizar comandos comuns de digitar, clicar, etc.
como realizar asserções nos nossos testes
como criar comandos customizados para auxiliar no desenvolvimento
como fazer requisições para a api
como executar testes de forma independente

Se você é curioso e quer saber a nível de comandos, utilizamos estes aqui (espero não ter esquecido de algum...) para desenvolver os testes:

Node
npm init --yes
npm install -D cypress@4.1
./node_modules/.bin/cypress open

Mocha
describe
it
before

Cypress
cy.visit
cy.get
.type
.click
cy.server
cy.route
.as
cy.wait

.then
Cypress.env
Cypress.Commands.add
cy.request
cy.log
expect (chai)
cy.createOng (você vai entender durante o vídeo :P )

E aí, o que achou do vídeo? Deixe seus comentários!

#agilizei #cypress #automacao