Caique Neves
Caique Neves07/11/2023 16:21
Compartilhe

Testes unitários no angular com Jest

    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

    Compartilhe
    Comentários (0)