Apêndice

Confira alguns conceitos e informações adicionais que podem ajudar na sua jornada de desenvolvimento de testes.

O Vitest é um executor e framework de testes que está crescendo em popularidade. Este curso usa o framework sempre que exemplos específicos são necessários, mas muitas das amostras incluídas são genéricas e se aplicam a qualquer framework que você escolheu.

A maioria dos executores ou frameworks de teste tendem a ter muitas coisas em comum, e este curso será útil independentemente da pilha escolhida. Escolhemos nos concentrar no Vitest por vários motivos:

  • Ele é moderno e envolve muito pouco trabalho de configuração ou configuração, ao contrário de outros executores de testes. Embora seja baseado na ferramenta de build Vite, o Vitest ainda funciona com projetos existentes.

  • Ele também oferece um ótimo suporte para trabalhar com módulos EcmaScript (ESM, na sigla em inglês), incluindo a simulação de importações inteiras. Embora tenha algumas advertências, é mais estável do que outras ferramentas.

Mais importante, ele apresenta uma API amplamente compatível com o Jest, provavelmente o executável mais conhecido. Mas, novamente, a maneira como você estrutura e agrupa seus testes tende a ser semelhante, independentemente do framework usado. Recursos mais avançados, como duplas de teste complicadas, tendem a se desviar um pouco mais. Este curso usa o Vitest para descrever os testes, mas também descreve a solução genérica.

React como um modelo de componente

Embora este curso forneça exemplos de código gerais que testam JavaScript simples, por exemplo, funções matemáticas, ele passa rapidamente para o teste de componentes do React antes de incluir os componentes da Web em geral e usar o Lit. Este curso também usa o Next.js.

Essa é uma escolha prática. Apesar das críticas, o React é o framework mais usado dos participantes na pesquisa State of JS.