O mundo JavaScript oferece muitas opções para … bem, praticamente tudo. Hoje vamos nos concentrar nas ferramentas de teste, respondendo à pergunta “Qual é o melhor framework JavaScript?”
>
Vamos guiá-lo através de cinco dos mais populares frameworks de teste JavaScript e, no final do artigo, estaremos elegendo aquele que achamos que é o melhor. Vamos começar.
O que são frameworks de teste?
Antes de mergulharmos na nossa lista de frameworks, é importante entender o que é um framework de teste.
Posto simples, um framework de teste é uma ferramenta – ou conjunto de ferramentas – que o ajuda a realizar testes unitários. Um framework de teste deve fornecer pelo menos
- Regras ou convenções para escrever casos de teste e organizá-los em conjuntos de teste.
- Meios para executar automaticamente e auto-avaliar os testes.
- Resultados dos testes que são exibidos e formatados.
Cinco frameworks de testes JavaScript que valem a pena verificar
Por agora você deve ter uma noção firme do que são frameworks de testes e porque precisamos deles. Com isso fora do nosso caminho, é hora de abordar nossa lista de ferramentas, começando com Mocha.
Mocha
Mocha, às vezes também chamado de MochaJS, é um framework de teste que roda tanto no Node.js quanto no navegador. Foi lançado em 2011 e desde então tem sido um dos mais populares frameworks de teste para o mundo JavaScript. No entanto, de acordo com o relatório State of JavaScript, a popularidade do Mocha tem estado em declínio nos últimos anos, embora ainda seja indiscutivelmente a mais usada e conhecida das ferramentas.
Este framework torna os testes assíncronos simples, executando testes em série. Isso permite um relatório preciso e, ao mesmo tempo, o mapeamento de exceções sem erros para os casos de teste corretos. O framework Mocha tem uma configuração extremamente flexível. Ele permite emparelhá-lo com as bibliotecas que você particularmente precisa para funcionalidades como asserções, mocking, e assim por diante.
O lado negativo dessa flexibilidade é que o Mocha requer mais trabalho para sua configuração inicial. Além disso, enquanto outros frameworks já vêm com asserções e funcionalidades de mocking, Mocha requer ferramentas adicionais para isso.
Site oficial: mochajs.org
Repositório: github.com/mochajs/mocha
Puppeteer
Puppeteer é uma biblioteca Node.js que permite aos usuários controlar um navegador Chrome ou Chromium sem cabeça. Dessa forma, é possível automatizar testes que você normalmente realizaria manualmente usando um navegador normal. A página do projeto lista alguns exemplos de testes que você pode executar:
- Gerar screenshots e PDFs de páginas.
- Rastejar um SPA (aplicativo de página única) e gerar conteúdo pré-renderizado (ou seja, “SSR” ).
- Submissão de formulário automatizado, teste de IU, entrada de teclado, etc.
- Criar um ambiente de testes automatizado e atualizado. Execute seus testes diretamente na versão mais recente do Chrome usando as últimas funcionalidades de JavaScript e navegador.
- Capture um traço de linha do tempo do seu site para ajudar a diagnosticar problemas de desempenho.
- Teste extensões do Chrome.
- Testim lançou um gravador gratuito para o Puppeteer. Confira-o e use-o quantas vezes quiser.
Site oficial: developers.google.com/web/tools/puppeteer
Repositório: github.com/puppeteer/puppeteer
Jasmine
Jasmine é um framework de teste JavaScript BDD (desenvolvimento orientado ao comportamento).
Este framework já vem com praticamente tudo o que você precisa para começar a testar. Ele tem afirmações embutidas e duplica o teste com espiões, ao contrário, digamos, do Mocha, que requer que você instale ferramentas de terceiros para essas funcionalidades.
No entanto, o Jasmine também é flexível e pode se integrar perfeitamente com um grande número de ferramentas de teste adicionais. Você pode facilmente usar Karma como um test runner ou empregar Sinon.JS para suas necessidades de mocking.
Site oficial: jasmine.github.io/
Repositório: github.com/jasmine/jasmine
QUnit
QUnit era originalmente parte da biblioteca de programação jQuery. John Resig criou-a para testar jQuery, jQuery UI, e jQuery Mobile. Em 2008, QUnit foi extraído da base de código jQuery e lançado como um framework autônomo, mas ainda exigiria jQuery para funcionar. Em 2009, eles corrigiram isso com uma reescrita, tornando QUnit finalmente independente de jQuery.
Apesar de visar originalmente jQuery, QUnit é atualmente um framework genérico que pode testar qualquer código JavaScript, suportando tanto ambientes do lado do cliente quanto do lado do servidor.
Pode se pensar em QUnit como sendo o representante JavaScript na família xUnit de frameworks de teste de unidades. Ele tem uma configuração rápida e fácil. Além disso, como já existe há pelo menos 12 anos, é uma ferramenta bem suportada.
>
Site oficial: qunitjs.com
Repositório: github.com/qunitjs/qunit
Jest
Jest é um framework de teste para JavaScript que se concentra na simplicidade. Lançado pelo Facebook, o Jest pretende funcionar fora da caixa e sem necessidade de configuração.
Se você der uma olhada na página do Jest “começando”, você verá que você pode instalá-lo, escrever seu primeiro teste e executá-lo em questão de minutos, sem setups complicados ou instalações adicionais. Outra vantagem do Jest é seu desempenho impressionante.
Jest é usado principalmente para testar aplicativos React, mas isso não significa que você está restrito a usá-lo para testar apenas aplicativos escritos com o framework. Pelo contrário: você pode usá-lo para testar aplicativos Node, Angular e Vue também, só para citar alguns.
Site oficial: jestjs.io/
Repository: github.com/facebook/jest
Notable Absences
Você pode estar se perguntando porque algumas famosas ferramentas de teste JavaScript não chegaram à nossa lista. Talvez você sinta que ferramentas como Karma, Sinon, e Chai, entre outras, são populares o suficiente para constar da lista. Por que não as incluímos?
Posto de forma simples, queríamos manter a lista o mais concisa possível. Para fazer isso, decidimos não incluir na lista ferramentas de teste que não sejam frameworks, a rigor. Então, essa é a razão pela qual uma ferramenta super popular como o Karma não conseguiu: é um test runner, não um framework. O mesmo raciocínio se aplica a Sinon (uma ferramenta zombeteira) e Chai (uma biblioteca de afirmações).
Você pode argumentar que o Puppeteer não se encaixa bem na lista e, até certo ponto, eu concordaria. Ou seja, todas as outras ferramentas são frameworks mais adequadas para realizar testes unitários, enquanto o Puppeteer é mais uma ferramenta de automação do navegador. É ainda um framework de testes, no entanto, no sentido em que permite projetar testes automatizados que são executados posteriormente sem intervenção humana.
Verdict: Qual é o melhor framework de testes JavaScript?
Apresentamos cinco frameworks de testes para JavaScript. Agora é hora de cumprir a promessa do título do post e selecionar o melhor. Para fazer isso, vamos julgar os frameworks de acordo com quatro critérios: custo, instalação, facilidade de instalação e curva de aprendizado.
Avaliando os Frameworks
Custo
O primeiro critério é certamente o mais fácil de avaliar. Todos os frameworks que cobrimos aqui são projetos open-source, portanto você pode baixá-los e usá-los gratuitamente (como na cerveja). Portanto, não temos um vencedor claro aqui. Vamos avançar.
Instalação
Instalar todas as ferramentas acima é bastante fácil. Afinal, você pode instalar todas elas usando npm (ou, alternativamente, Yarn.) Entretanto, algumas das ferramentas oferecem opções adicionais de instalação.
Por exemplo, além de npm e Yarn, você pode instalar QUnit como um download autônomo. Mas isso exigiria que você armazenasse e gerenciasse esse recurso. Ao invés disso, você pode usar a versão hospedada no jQuery CDN. Jasmine também oferece uma versão autônoma que não depende do Node e permite que você execute especificações usando seu navegador.
Então, temos um vencedor aqui? Nós achamos que sim. Se tivéssemos que escolher baseado apenas na facilidade de instalação, teríamos outro sorteio. Mas, como já vimos, QUnit e Jasmine oferecem mais opções, já que você pode usá-las como bibliotecas autônomas. Esta flexibilidade adicional é útil? A sua quilometragem pode variar, mas para nós, QUnit e Jasmine são os vencedores aqui.
Winners: QUnit e Jasmine
Facilidade de configuração
Agora, vamos ver a facilidade de configuração. No que diz respeito à configuração inicial, temos aqui um claro vencedor: Jest. O framework promete uso de configuração zero e cumpre com essa promessa. Claro, ele permite que você faça configurações opcionais, mas é incrível instalar um framework de teste e fazer um teste real em cerca de dois minutos, sem qualquer configuração ou instalação de outras ferramentas.
Winner: Jest
Curva de aprendizagem
Finalmente, a curva de aprendizagem. Vamos ter que escolher Jest novamente aqui. Como ele vem com uma API ampla e não requer tantas ferramentas de terceiros como os outros frameworks, Jest inevitavelmente apresenta uma curva de aprendizado menos inclinada.
Winner: Jest
Aqui está o vencedor
Após cobrir cinco frameworks de teste JavaScript, e depois analisá-los usando quatro critérios, é hora de escolher um vencedor.
Então, já que foi o vencedor em dois dos quatro critérios que usamos, vamos escolher Jest como nosso vencedor. Isso não significa que você não deve tentar as outras ferramentas. Pelo contrário: experimente e pratique o máximo que puder, pois essa é a melhor maneira de aprender.