Hoje estamos animados em anunciar o Jest 23, nosso maior lançamento até agora! Junto com mais de 100 colaboradores, entregamos uma tonelada de recursos e correções de bugs. Obrigado a todos na comunidade por ajudar a tornar os Testes JavaScript Deliciosos.

Também damos as boas-vindas ao Babel e ao webpack na comunidade Jest! Após migrar do Mocha para o Jest 23 Beta, o webpack reduziu o tempo total de testes em 6x - de mais de 13 minutos para 2 minutos e 20 segundos. #blazingmeansgood

Aqui estão alguns destaques e mudanças que quebram compatibilidade no Jest 23.

Hoje anunciamos uma nova versão principal do Jest que refinou quase todas as partes do framework para fornecer uma base de testes mais sólida. Junto com a comunidade Jest, implementamos diversas mudanças abrangentes que ajudarão você a extrair mais valor do Jest. Também promovemos o recurso de runners personalizados para estágio estável e adicionamos um novo pacote, jest-worker, para paralelizar trabalho entre múltiplos processos. Compilamos uma lista de destaques abaixo, mas não deixe de conferir o (como sempre) extenso changelog.

Há alguns meses, anunciamos o Jest 19 com grandes novidades, sendo o maior lançamento até então. O Jest 20 traz o dobro de mudanças em relação à versão anterior, apresenta uma reescrita completa do executor de testes e adiciona novas APIs de teste. Esta versão oferece um novo nível de personalização e configuração para projetos, facilitando a atualização. Além dos Testes JavaScript Sem Dores, acreditamos que o Jest agora proporciona uma experiência encantadora de testes em JavaScript. Vamos explorar as melhores novidades em detalhes:

Executor Multi-Projeto e Reformulação da Configuração​

Até agora, o Jest só operava em um projeto por vez. Isso é incômodo ao trabalhar com vários projetos menores, cada um com sua própria configuração. Com o Jest 20, reescrevemos completamente o executor de testes para rodar múltiplos projetos simultaneamente em uma única instância do Jest — ideal para quem trabalha com frontend React e backend Node.js. Veja um vídeo do Jest executando testes para React, Relay, Yarn e Jest ao mesmo tempo:

Hoje temos o prazer de lançar a versão 19 da plataforma de testes Jest. É o maior lançamento do Jest até agora e estamos muito animados para mostrar o que construímos nos últimos dois meses:

Modo Watch Imersivo​

Nós reescrevemos completamente o modo watch para torná-lo instantâneo e mais extensível. Como resultado, a experiência de uso é verdadeiramente imersiva: os testes são reexecutados instantaneamente após uma alteração de arquivo e facilitamos a seleção dos testes corretos.

Acreditamos firmemente que uma ótima documentação é essencial para proporcionar uma excelente experiência aos desenvolvedores. Ela deve ser clara, concisa e útil tanto para iniciantes quanto para veteranos. Com isso em mente, recentemente dedicamos tempo para reformular o site do Jest.

Documentação aprimorada​

Uma das mudanças que você notará ao acessar nossa documentação é a barra lateral atualizada. Agora o conteúdo está dividido em três áreas principais: uma introdução ao Jest, guias detalhados sobre seus recursos e uma referência completa da API.

A seção Introdução orienta desde a instalação do Jest e criação do primeiro teste até o uso de matchers e testes de código assíncrono. Se você é novo no Jest ou precisa de uma reciclagem rápida, essa documentação o colocará em ritmo rapidamente. Se já usou o Jest antes e só precisa de uma referência rápida sobre instalação, basta acessar o guia Primeiros Passos.

Quando estiver confortável com o Jest, prossiga para a seção avançada de Guias. O novo guia de Testes com Snapshots aborda tudo sobre criação e manutenção de casos de teste com snapshots.

Finalmente, reformulamos completamente nossa documentação de referência da API. Agora você encontra informações detalhadas sobre todos os Globais do Jest, matchers e cada flag suportada pela CLI jest.

2016 foi um ano importante para os testes em JavaScript com o Jest. Nos primeiros seis meses do ano, reescrevemos o Jest e construímos uma base sólida para melhorar significativamente o desempenho e a experiência do desenvolvedor ao testar código JavaScript. Adicionamos tipagem Flow em todo o código-base, criamos diversos testes de integração para o próprio Jest e adotamos lerna para transformar o Jest de um framework em uma plataforma de Testes JavaScript sem Dores.

O recém-criado react-test-renderer finalmente permitiu testar componentes do react-native. Através do preset jest-react-native (agora incorporado diretamente ao react-native), o Jest agora funciona imediatamente em qualquer projeto React e vem pré-configurado em projetos create-react-app e react-native. Integramos partes essenciais do Jest no empacotador do react-native e o novo recurso de snapshot testing já está sendo usado fora do Jest: foi integrado ao React Storybook como "storyshots" e está sendo adotado por outros executores de testes como ava.

Faz um mês desde o último lançamento importante e implementamos melhorias significativas no Jest desde então. Nesta versão principal, estamos atualizando o formato de snapshot que usamos, o que provavelmente exigirá que os snapshots sejam atualizados ao fazer upgrade do Jest. Não tomamos essas decisões levianamente e não esperamos que isso aconteça com frequência, mas acreditamos ser necessário aprimorar o formato periodicamente.

CLI Aprimorada​

O Jest 16 apresenta uma nova interface de relatório que mostra testes em execução junto com um resumo dinâmico e uma barra de progresso baseada no tempo estimado de execução de testes anteriores. Também melhoramos a saída da CLI para funcionar melhor com diferentes esquemas de cores. Se houveram falhas de teste na execução anterior, o Jest agora sempre executará esses testes primeiro para fornecer feedback útil aos usuários o mais rápido possível.

Passamos o último ano tornando o Jest mais rápido, mais fácil de configurar, adicionando toneladas de recursos e criando testes de snapshot. No entanto, havia duas áreas onde investimos pouco: a saída do CLI e a experiência do usuário. Com o Jest 15, estamos mudando radicalmente o framework para torná-lo mais fácil de usar tanto para iniciantes quanto para usuários experientes. Estamos animados porque nosso investimento no Jest está dando frutos: podemos avançar rapidamente e melhorar o framework para o Facebook e a comunidade open source em velocidade máxima. O objetivo do Jest é vir com "baterias incluídas" e exigir o mínimo de configuração possível. Recentemente tivemos a chance de explicar nossa filosofia em uma issue do create-react-app.

A mudança mais importante são os novos padrões. Se você já usa o Jest, provavelmente precisará atualizar sua configuração para a versão 15. Na maioria dos casos, isso simplificará seu setup e o Jest fornecerá mensagens de erro úteis durante a atualização. Todos os novos padrões podem ser desativados conforme suas necessidades, mas ainda consideramos esses recursos essenciais em certas situações e continuaremos usando e dando suporte a eles no Facebook a longo prazo. Nossa documentação da API também foi completamente reescrita para refletir essas mudanças. Este pull request para React mostra algumas alterações necessárias em projetos existentes.

Uma das filosofias do Jest é fornecer uma experiência integrada de "configuração zero". Queremos tornar o mais simples possível escrever testes úteis e de qualidade. Observamos que quando engenheiros recebem ferramentas prontas para uso, eles acabam escrevendo mais testes, o que resulta em bases de código estáveis e saudáveis.

Uma grande questão em aberto era como escrever testes para React com eficiência. Existem várias ferramentas como ReactTestUtils e enzyme. Ambas são ótimas e amplamente utilizadas. Porém, engenheiros frequentemente relatavam gastar mais tempo escrevendo testes do que o próprio componente. Como resultado, muitos deixaram de escrever testes completamente, levando a instabilidades. O que esses profissionais realmente queriam era garantir que seus componentes não mudassem inesperadamente.

Hoje temos o prazer de anunciar a próxima versão principal do Jest. Fizemos grandes alterações que beneficiarão você e toda a infraestrutura de testes JavaScript do Facebook. Mais importante, adicionamos tipos estáticos a todo o código do Jest durante um recente hackathon na sede do Facebook. Quinze pessoas trabalharam dia e noite para adicionar tipos do Flow ao Jest e implementar novos recursos. Os tipos do Flow têm dois objetivos principais: primeiro, acreditamos que código é escrito para ser lido. Na maioria das vezes, o código é escrito uma única vez mas lido por dezenas de pessoas ao longo de anos. Adicionar tipos estáticos ajuda a documentar o código e explica parte da arquitetura do Jest. Segundo, os tipos estáticos facilitam a manutenção e nos permitem refatorar partes do Jest com mais confiança, sem medo de quebras.

O projeto Flow evoluiu muito dentro do Facebook e foi adotado com sucesso em muitos de nossos frameworks e em quase todo nosso código de produtos. A adoção pode ser paralelizada incrivelmente bem – pode ser feita arquivo por arquivo até que grande parte da base de código esteja bem tipada. Então, o Flow entrega valor real e ajuda a guiar grandes mudanças. Através disso, muitos casos extremos e pequenos bugs foram encontrados.