Apêndice

Vitest como um executor de testes

O Vitest é um executor e um framework de testes que está ganhando popularidade. Este curso a usará sempre que exemplos específicos forem necessários, mas muitas das amostras incluídas são genéricas e se aplicam a qualquer framework escolhido.

A maioria dos executores ou frameworks de teste tende a ter muito em comum, e este curso será útil independentemente da pilha escolhida. Optamos pelo Vitest por vários motivos:

  • Ele é moderno e envolve pouquíssimo trabalho de configuração, ao contrário de outros executores de teste. Embora seja baseado na ferramenta de build Vite, o Vitest ainda funciona com projetos já existentes.

  • Ela também tem excelente suporte para trabalhar com Módulos EcmaScript (ESM, na sigla em inglês), incluindo a simulação de importações inteiras. Embora ela tenha algumas ressalvas, ela é mais estável do que outras ferramentas.

Mais importante ainda, ele apresenta uma API amplamente compatível para o Jest, provavelmente o executor mais usado (link em inglês). Novamente, a maneira como você estrutura e agrupa os testes tende a ser semelhante, independentemente do framework usado. Recursos mais avançados, como duplicações de teste complicadas, tendem a se distanciar um pouco mais. Este curso usa o Vitest para descrevê-los, mas também sempre descreve a solução genérica.

Reagir como um modelo de componente

Embora este curso forneça exemplos de código gerais que testam JavaScript simples, como funções matemáticas, ele passa rapidamente para testar componentes do React antes de incluir 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 pelos participantes na recente pesquisa State of JS.