DEV Community

Configurando o Jest e Testing Library no Vite

Anderson Nascimento on August 05, 2022

Segue os passos necessários para a instalação e configuração para o funcionamento do Jest e Testing Library no Vite. Iniciando pelo Jest ...
Collapse
 
wellingtonostemberg profile image
Wellington Luiz Benedito Ostemberg • Edited

Olá amigo, ótimo tutorial.
Peguei 2 pequenos erros, peço que verifique, tive que alterar aqui:
1º - babel.config.js está como js mas o conteúdo como json, tive quel alterar para babel.config.json ai funcionou
2º - '\.(gif|ttf|eot|svg|png)$': '/.jest/ __ mocks __ /fileMock.js' esta importação procura a pasta "__ mocks __" porém você pede que crie a pasta "mocks" no mais, funcionou perfeitamente

Collapse
 
vagnerolliver2 profile image
Vagner Silveira de Oliveira

Olá,

qual é o problema que as configurações do babel resolve?


{
"presets": [
["@babel/preset-env", { "targets": { "esmodules": true } }],
["@babel/preset-react", { "runtime": "automatic" }]
]
}

Collapse
 
devlucascs profile image
Lucas Santos 🍷

Altera para de babel.config.js para babel.config.json

Collapse
 
jessicacastro profile image
Jessica Castro

Bom tutorial, mas acho que podia ter mais o porque das coisas. Tipo, o que o babel tá resolvendo, por que?