{"id":2491,"date":"2023-10-25T17:00:55","date_gmt":"2023-10-25T20:00:55","guid":{"rendered":"https:\/\/blog.innovaconnect.com.br\/?p=2491"},"modified":"2023-10-25T17:00:56","modified_gmt":"2023-10-25T20:00:56","slug":"testes-unitarios-em-javascript-com-jest","status":"publish","type":"post","link":"https:\/\/innspire.dev\/blog\/testes-unitarios-em-javascript-com-jest\/","title":{"rendered":"Testes unit\u00e1rios em JavaScript com Jest"},"content":{"rendered":"\n

Jest \u00e9 um poderoso framework de testes feito para Javascript pelo Facebook a partir do framework Jasmine. Ele pode ser utilizado em diversos projetos usando: Babel, TypeScript, Node, React, Angular, Vue e muito mais!<\/em><\/p>\n\n\n\n

Vis\u00e3o Geral<\/h2>\n\n\n\n

O Jest se tornou uma das estruturas de c\u00f3digo aberto para testes mais populares que existem. Essa popularidade foi conquistada por sua baixa complexidade de configura\u00e7\u00e3o, escrita e flexibilidade que permitem ao Jest ser utilizado para validar quase tudo em torno do JavaScript, especialmente a renderiza\u00e7\u00e3o do navegador de aplicativos da web e testes unit\u00e1rios no back-end.<\/p>\n\n\n\n

Instala\u00e7\u00e3o<\/h2>\n\n\n\n

Para instala\u00e7\u00e3o do Jest pode ser usado o gerenciador de pacotes yarn ou npm, ambos ir\u00e3o funcionar, aqui ser\u00e1 usado o yarn. Instale o Jest:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Se voc\u00ea estiver utilizando o typescript n\u00e3o esque\u00e7a de adicionar tamb\u00e9m a tipagem:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Adicionalmente, foi adicionado o ts-jest que \u00e9 um preset<\/em> para o Jest suportar projetos escritos em Typescript.<\/p>\n\n\n\n

Configura\u00e7\u00e3o<\/h2>\n\n\n\n

Agora vamos iniciar a configura\u00e7\u00e3o em nosso projeto, teremos que criar um arquivo de configura\u00e7\u00f5es para o Jest. Com base em nosso projeto, o jest far\u00e1 algumas perguntas. Execute o comando abaixo:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

O comando ir\u00e1 efetuar algumas perguntas que cria o arquivo jest.config.ts no raiz do projeto.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Por\u00e9m para o nosso artigo vamos colocar abaixo o arquivo jest.config.ts j\u00e1 configurado.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Bail<\/h3>\n\n\n\n

Com essa configura\u00e7\u00e3o informamos que desejamos ou n\u00e3o que a execu\u00e7\u00e3o de testes pare ap\u00f3s o primeiro erro. True significa ent\u00e3o que a execu\u00e7\u00e3o \u00e9 interrompida assim que encontrar um erro.<\/p>\n\n\n\n

Preset<\/h3>\n\n\n\n

Aqui \u00e9 informado o pr\u00e9 processador que ser\u00e1 utilizado.<\/p>\n\n\n\n

TestMatch<\/h3>\n\n\n\n

Uma configura\u00e7\u00e3o muito importante que foi feita nesse arquivo \u00e9 o testMatch, esse atributo informamos ao jest onde ele ir\u00e1 encontrar nossos arquivos de teste. Ao configurar desta forma: \u201c**\/*.spec.ts\u201d. Estamos informando que qualquer arquivo na aplica\u00e7\u00e3o que finalizar .spec.ts ser\u00e1 reconhecido como teste da aplica\u00e7\u00e3o.<\/p>\n\n\n\n

Comandos importantes do Jest<\/h2>\n\n\n\n