Projeto desenvolvido com base no curso de Basar Buyukkahraman.
Neste projeto, desenvolvi uma aplicação web usando o Vue 3 e aplicando a metodologia de desenvolvimento orientado por testes (TDD) desde o início até o fim. Utilizei as populares bibliotecas JavaScript Jest e testing-library para testes.
Durante o desenvolvimento da aplicação, aprendi sobre:
- Roteamento do lado do cliente, incluindo uma implementação personalizada e o uso da biblioteca vue-router.
- Internacionalização.
- Gerenciamento de estado global em uma aplicação baseada em componentes com Vuex.
O projeto em questão consistiu em um sistema básico de gerenciamento de usuários. Desenvolvemos funcionalidades como criação de usuário, login, lista de usuários com paginação e uma página com detalhes do usuário.
Além disso, explorei como o TDD afeta a qualidade e a reusabilidade do código, como nos dá confiança para refatorar nossa implementação e como evitar detalhes de implementação ao criar testes.
Este curso se concentra na prática, com cada pedaço de código sendo desenvolvido para a aplicação real. Cada seção do curso constrói gradualmente a aplicação, implementando um requisito de cada vez, proporcionando uma base sólida para entender os requisitos gerais de uma aplicação web e como implementá-los com o Vue usando a metodologia TDD.
- Implementação do Vue3
- Configuração do Jest para testes
- Configuração do Vue Testing Library
- Exemplos de testes unitários e de integração
- Integração com ferramentas de desenvolvimento, como ESLint e Babel
Para estudo e avaliação apenas da parte de testes é necessário apenas fazer o clone do repositório, instalar as dependências e rodar o comando npm run test.
# Clone this repository
$ git clone https://github.com/JeanMoraes/vue3-tdd
# Go into the repository
$ cd vue3-tdd
# Install dependencies
$ npm install
# Execute the tests
$ npm run testObservação Para conseguir executar a aplicação no navegador é necessário ter o projeto do backend disponível apenas nos arquivos do curso.
MIT