Skip to content

Projeto de treinamento de cypress do nível básico ao avançado e com teste de regressão visual

Notifications You must be signed in to change notification settings

jalussa-santos/cypress-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pipeline status This project is using Percy.io for visual regression testing.

cypress-example

Projeto para desenvolver habilidades na ferramenta cypress. Veja mais informações das lições aprendidas na Wiki

Como usar

Instalação

Tecnologias

  • Nível básico

    • NodeJS
    • NPM
    • JavaScript
    • Cypress
    • Mocha
  • Nível Intermediário

    • Faker
  • Nível Avançado

    • Faker
    • Cypress localStorage
    • Standardjs
  • Teste de regressão visual

    • Percy
Não possui nenhuma ferramenta na máquina? Ou quer saber mais sobre as ferramentas, veja mais informações em Tecnologias para execução do nível básico, Tecnologias para execução do nível intermediário e Tecnologias para execução de teste de regressão visual

Clone

Clone este repositório para sua máquina local usando comando abaixo:

$ git clone https://github.com/jalussa-santos/cypress-example.git

Execução na interface

Acessar a raiz do repositório

$ cd /{diretorio}/cypress-example

Execute comando para instalar as dependências listadas na seção de devDependencies do arquivo package.json

npm install

Execute comando para abrir a UI do cypress

npx cypress open

Na UI do cypress

- Clicar em </> Tests
- Clicar em Integration tests
- Clicar em exampleBasico
- Clicar em tickets.spec.js

Execução modo headless

Acessar a raiz do repositório

$ cd /{diretorio}/cypress-example

Abrir o git bash Execute comando

npm test
Este comando irá executar o comando cypress run configurado em scripts do package.json. Veja mais em Linhas de comando

Integração Contínua

Veja mais na Wiki Configurações Gitlab-CI

Exemplos

Time

Jalussa dos Santos | Linkedin | Github | Gitlab