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 [email protected] ./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