Configuração

Se estivermos a executar os nossos testes num navegador empacotado com a Webpack (ou semelhante) então DOM Testing Library deveria funcionar fora da caixa para nós. No entanto, a maioria das pessoas usando DOM Testing Library estão usando-a com a abstração de testes Jest com a testEnvironment definida para jest-environment-jsdom.

Usando sem Jest

jsdom é uma implementação de JavaScript pura do DOM e das APIs do navegador que executa na Node. Se não estivermos a usar a Jest e gostaríamos de executar os nossos testes na Node, então devemos instalar a jsdom nós mesmos. Também existe um pacote chamado global-jsdom que pode ser usado para configurar o ambiente global para simular as APIs do navegador. Nota que se estivermos a usar a Vitest apenas precisamos configurar o environment para jsdom para alcançar o mesmo efeito, nós não precisamos do global-jsdom.

Primeiro, instalamos a jsdom e global-jsdom.

npm

npm install --save-dev jsdom global-jsdom

Yarn

yarn add --dev jsdom global-jsdom

Com a mocha, o comando de teste se pareceria com algo como:

mocha --require global-jsdom/register