Nesse projeto, fui capaz de:
- Fazer requisições a uma API do Mercado Livre;
- Utilizar os seus conhecimentos sobre JavaScript, CSS e HTML;
- Trabalhar com funções assíncronas;
- Implementar testes unitários.
Browser / URL
Acesse o Link de Deploy.
Localmente
-
Dê o fork no projeto e clone-o para sua maquina digitando o comando em seu terminal:
git clone git@github.com:rafaelPermec/trybestore-shopping-cart.git
-
Entre com o comando em seu terminal, para entrar no diretório principal e instalar as dependências do projeto:
cd trybestore-shopping-cart && npm install
-
Digite o comando abaixo em seu terminal e espere o browser abrir o projeto!
npm start
Cenário de Testes
Para garantir a qualidade do código, utilizei neste projeto os linters ESLint
e Stylelint
.
Assim o código estará alinhado com as boas práticas de desenvolvimento, sendo mais legível
e de fácil manutenção! Para rodá-los localmente no projeto, execute os comandos abaixo:
npm run lint
npm run lint:styles
Cypress é uma ferramenta de teste de front-end desenvolvida para a web. Você pode rodar o cypress localmente para verificar se seus requisitos estão passando, para isso execute um dos seguintes comandos:
Para executar os testes apenas no terminal:
npm test
Para executar os testes e vê-los rodando em uma janela de navegador:
npm run cypress:open
ou
npx cypress open
Após executar um dos dois comandos acima, será aberta uma janela de navegador e então basta clicar no nome do arquivo de teste que quiser executar (project.spec.js), ou para executar todos os testes clique em Run all specs
Essa cobertura avalia a eficácia dos testes implementados de acordo com os requisitos.
Para executar e acompanhar a implementação da sua cobertura de testes, rode o comando abaixo:
npm run test:coverage