Automação de testes E2E para o site Sauce Demo utilizando Cypress e JavaScript, seguindo boas práticas com a estrutura Custom Commands, utilização da biblioteca Faker para geração de dados aleatórios (como geração de nomes, CEPs...) e uso de .env para credenciais.

Foi configurada uma pipeline (GitHub Actions) de integração contínua CI/CD que executa automaticamente todos os testes do projeto quando é realizado um push na branch main ou quando um pull request é aberto.

Também foi implementado a geração de relatórios ricos com gráficos e imagens utilizando a biblioteca do Mochawesome. 🚀

O projeto foi organizado usando estruturas Describe com cenários de sucesso e erro validando os principais fluxos do SauceDemo: Autenticar usuário, Visualizar lista de produtos, Adicionar ao carrinho, Remover do carrinho e Efetuar uma compra.

• Acessar o link: Documentação SauceDemo

• NodeJS;
• Git;
• Cypress;
• IDE (Visual Studio Code);
• Material Icon Theme (Optional Plugin VSCode).
• Faker Library
• Mochawesome

• Acessar o link https://nodejs.org/, baixar e instalar o NodeJS versão 18 ou superior;
• Ao baixar o NodeJS, o gerenciador de pacotes NPM virá junto.

Para verificar a instalação do NodeJS e do NPM, abrir o Prompt de Comando e digitar:

Para verificar a instalação do NodeJS (deve retornar a versão algo como v23.7.0):

node -v

Para verificar a instalação do gerenciador de pacoted NPM (deve retornar a versão algo como v11.1.0):

npm -v

• Acessar o link https://git-scm.com/downloads, baixar e instalar o Git/GitBash;
• No Windows Explorer, navegar até a pasta onde deseja clonar o projeto, abrir o GitBash (botão direito -> Git Bash Here) e digitar:

git clone https://github.com/ramirobrandao/vox-desafio-qa.git

• Para que o Cypress funcione, é necessário que ele seja instalado atraves do npm install na pasta raiz do projeto npm install

• No terminal do VSCode deve ser executado o seguinte comando para que o Cypress seja executado:

npx cypress open

• No terminal do VSCode se optar por executar em modo headless digite o seguinte comando:

npx cypress run

• Depois da execução dos testes os relatórios das features podem ser acessados no seguinte diretório:

/cypress/reports/mochawesome-report/