O Bytebank é uma start up de banco digital criada para desenvolvedores e desenvolvedoras. Atualmente está na fase de desenvolvimento e conforme novas funcionalidades são adicionadas novos testes precisam ser feitos, por isso iremos escrever e melhores os testes de ponta a ponta existente na aplicação utilizando o Cypress.
O projeto encontra-se em uma fase avançada, possuindo algumas páginas e diferentes telas como:
- Página Inicial
- Página Home
- Tela de Cartões
- Tela Serviços
- Tela Investimentos
- Página 404
- Página de minha conta
O Figma dessa aplicação você encontra aqui.
Se liga nessa lista de tudo que usaremos nesse curso:
ReactCreate React AppCypressAxiosFaker.jsGitHubFigma
E muito mais!
Para abrir e rodar o projeto, execute npm install para instalar as dependências e npm start para inicar a aplicação.
Como este projeto precisa de um backend para funcionar, neste link (https://github.com/alura-cursos/api-bytebank-v2/archive/refs/heads/main.zip) você pode baixar nossa api que rodará localmente e exercerá essa função. Após baixá-la, descompacte os arquivos em uma pasta de sua preferência. Depois abra essa pasta em um terminal no seu computador e escreva o comando:
npm install
npm run dev
E após ler a mensagem de que a API está rodando na porta http://localhost:8000/, o setup inicial já está pronto!
Depois, acesse http://localhost:3000/ no seu navegador.
O Bytebank é uma Start up fictícia utilizada nesse curso da Alura. A ideia principal desse curso é mostrar como escrever e melhorar os testes de ponta a ponta utilizando a ferramenta Cypress.
*Notas
Após o término do curso, decidi melhorar o teste por mim, subindo o projeto da forma que foi pedida ao curso, para conseguir comparar com meus conhecimentos atuais da ferramenta, melhorando os testes e organizando melhor as pastas.