Search code examples
reactjsreact-testing-libraryvitejsdomvitest

Vitest with React Testing Library 'Unexpected Token'

I'm using react with ViteJS and Vitest for testing. I have set up the config for vitest and the test setup file too as you can see in the screenshots below.

vite.config.js

vite config

src/test/setup.ts

enter image description here

src/app/App.tsx

enter image description here

src/app/App.spec.js

enter image description here

here's the error I'm getting:

enter image description here

I found a lot of sources on similar issues about the topic but nothing I tried worked. I also followed the documentation for the vite config and a lot of articles too. Everyone is saying the same thing but I'm still getting this error for some reason.

Solution

  • I used the same config with jest and it worked fine. But in this situation, I got stuck and then tried to rename the filename to .tsx or .jsx instead of .ts or .js. After that, I re-ran the test file and everything started working.