Esse Repositório foi desenvolvido para a prática inicial de testes com cypress
Aprendi a fazer testes em aplicações fazendo o uso dessa Ferramenta.
Mais o que é Cypress ?
Ele é um framework de testes end-to-end de código aberto, projetado para simplificar o processo de criação, execução e depuração de testes em aplicações web. Ele permite que você escreva testes em JavaScript e interaja diretamente com o DOM (Document Object Model) do navegador, simulando ações do usuário de forma rápida e confiável.
Task
- Desenvolver Teste em um aplicação já desenvolida pela #EBAC com Cypress
Charlenge
- Aprender a fazer Testes iniciais
E2Eem aplicações de forma que eles se tornem mais confiaveis e seguros.
- Criar testes na Aplicação
- Gerar Teste a partir do Navegador do Cypress
- Gerar Teste a partir do Terminal
- Gerar screenShots e Videos dando mais credibilidade e confiança aos teste Aplicados
- Gerar Realátorios em Formato HTML
Tip
Baixe o Projeto em seu Computador e veja a Ferramenta Funcionando 🚀.
Requisitos necessários para rodar o projeto:
Node.js VSCode Git
Warning
cypress v12.6.0-mochawesome v7.1.3
-
Para rodar o projeto em seu computador você tera que fazer o fork do repositório, estou deixando um link da documentação oficial do gitHub, onde é esclarecido como fazer essse processo.
Fazendo esse processo você tera uma copia desse Repositório no seu GitHub.
-
Depois de ter feito o fork vamos fazer o clone desse Repositório atráves do VSCode.
Estou deixando um link para a documentação oficial do gitHub onde é esclarecido como fazer essse processo.
Command Line
git clone https://github.com/emmanuelmarcosdeoliveira/cypress-testingCom o VSCode aberto, abra o terminal. pelo VsCode e vamos fazer a instalação das dependências necessárias para a execução do Projeto:
1. Instalando as dependências
Gerenciador de pacotes usado
Pnpm
Command Line
pnpm installForam criados Scripts dentro do arquivo
package.jsonque está na raiz do repositório para facilitar o uso da ferramenta 😊
"scripts": {
"cypress": "cypress open",
"runcypress": "cypress run",
"cypressreporter": "cypress run --reporter mochawesome",}
- cypress ➡️ ele executa o Cypress abrindo a sua interface
- runcypress ➡️ ele executa o cypress no terminal
- cypressreporter ➡️ ele faz os testes no terminal gerando as pastas de
screnshots,videoserealtórios
2. Inicie o VsCode e abar o terminal
Gerenciador de pacotes usado
Pnpm
Command Line
**Escolha um dos comandos descritos acima e execute no terminal
pnpm run cypress |"Executa o cypress CLI"
pnpm run runcypress |"Executa o cypress via terminal"
pnpm run cypressreporter |"Executa o cypress via terminal
e gera os relatórios, videos e screenShot"
Video de Demostraçào
Nessa seção teremos as atualizações do Projeto:
Acesse: EBAC
| owner |
|---|
 |
| Emmanuel Oliveira |
by 💖 Emmanuel Oliveira
© Todos os Direitos Reservados
Como fazer uma contribuição ao Projeto ?
- Familiarize-se com a documentação do projeto, que geralmente inclui guias de instalação.
- Explore o código do projeto para entender sua estrutura e funcionamento.
Faça um Fork
- Crie uma cópia (fork) do repositório original em sua conta do GitHub.
Clone o Repositório
Isso criará uma cópia local do projeto, onde você poderá fazer suas modificações.
Crie uma Nova Branch:
- Crie uma nova branch para isolar suas alterações.
- Isso facilita a organização do seu trabalho e a criação de pull requests.
Faça as Alterações:
- Crie funcionalidades, mude estilos ou resolva
bugsque iram contribuir para a melhoria do Projeto.
Crie um Pull Request:
- Inclua uma descrição clara das suas alterações e explique como elas resolvem o problema ou melhoram o projeto.
- Solicitação: Envie um pull request para o repositório original, solicitando que suas alterações sejam incorporadas ao projeto.
Revise e Responda a Feedback:
- Colabore: Os mantenedores do projeto podem solicitar alterações ou fornecer feedback sobre o seu código.
😁Obrigado por chegar até aqui!
Released in 2024 This project is under the MIT license
