How to use Vitest with Jest-DOM and React Testing Library

In this next Code With Me series, I'll be experimenting with the world of Test Driven Development.

Before we get started, we need to set up our environment for testing. I have decided to use Vitest, since I am an avid user of Vite. I don't want to use Create-React-App even though the testing is ready to go. I find CRA bloated and slow, but I still want to use the awesome tools provided by React Testing Library and Jest-dom.

In this video, we walk through the steps required to set up Vitest with JSDOM, React Testing Library and Jest-DOM so we can test our React components.

Vite: vitejs.dev/
Vitest: vitest.dev/
Vitest Example Library: github.com/vitest-dev/vitest/tree/main/examples
Vitest React Testing Lib Example: github.com/vitest-dev/vitest/tree/main/examples/re…