Testes unitários no angular com Jest
- #Angular
Testes unitários no Angular com o framework Jest
O que é o framework Jest?
É um poderoso framework de teste unitário de código aberto em Javascript com foco na simplicidade. Que foi desenvolvido pelo Facebook para testar o framework React. Porém sua implementação se torno muito ampla, se tornando um framework muito usado nas plataformas Javascript e até mesmo em plataformas Typescript como o Angular e Ionic. Essa adesão em massa se consolidou por disponibilizar simulações de testes de fácil implementação e assim tornar os testes mais rápidos, simples, eficientes, seguros, e geração de relatórios com a cobertura mais abrangente.
Configurando o Jest no seu projeto Angular
Para que o jest funcione de forma regularmente no angular, os seguintes passos
devem ser estritamente seguidos:
1. Instalar as dependências de desenvolvimento relativas ao Jest
• Jest: A biblioteca oficial do jest;
• @types/jest: Tipos do jest para funcionar com o TypeScript;
• Jest-preset-angular: Preset de configurações predefinidas do jest para o
angular;
Executando o seguinte código abaixo:
2. Remover todas as dependências relacionadas ao jasmine e ao Karma.
2.1. Remover dependências de
desenvolvimento do Jasmine e do Karma no
package.json.
2.2. Remover a seção test do Angular.json.
2.3. Excluir o arquivo karma.conf.js
2.4. Excluir o arquivo test.ts
Inicializando o Jest no seu projeto Angular
2.5. Executar o comando de inicialização do Jest
E responder as perguntas exatamente da maneira abaixo:
Isso criará o arquivo jest.config.js na raiz do projeto.
2.6. No arquivo tsconfig.spec.json devem ser feitas as seguintes alterações
• Remover todo e qualquer comentário;
• Substituir os types de jasmine para jest;
• Remover a referência de "src/test.ts" em files;
Mais informações consulta o link para o artigo completo
https://drive.google.com/file/d/1dXyLnRQjnC0jAku-77QnO0x7xIx0SmZm/view?usp=drivesdk
GitHub: https://github.com/caiqueves
LinkedIn: https://www.linkedin.com/in/caique-ferreira-1ab54b2b
