Artem ZakharchenkoIt's time for you to stop testing components in browser-like environments, like JSDOM and HappyDOM—and start testing in the actual browser.
This isn't about end-to-end tests. This workshop focuses on the same integration level tests you know and love. The robust kind. The heart of your testing trophy.
For too long, developers have been testing code meant for the browser in Node.js. While that yielded some immediate benefits, it introduced more and more issues as browser and Node.js APIs grew closer together. The tooling simply wasn't there.
Now it is, and that tooling is Vitest.
Join this 2-day workshop to learn how to test your React components in the actual browser with Vitest Browser Mode! This workshop will push the quality of your tests through the roof.
Who This Workshop Is For
- Developers familiar with and experienced in integration level testing
- Those eager to understand how browser-like environments degrade test quality
- Developers wanting to explore in-browser testing with Vitest
What You'll Learn
Integration testing is a broad topic with lots to unpack. This workshop isn't focusing on the basics of integration tests, but instead dives deep into component testing in the real browser.
Through numerous exercises you'll:
- Install and configure Vitest to run tests in the real browser
- Migrate existing JSDOM test suites to Vitest Browser Mode
- Use React Testing Library to write user-driven automated tests
- Master testing user interactions including clicks, form submits, drag and drop, and more
- Learn techniques in RTL and Vitest to help debug test failures
The workshop uses TypeScript throughout this exercise-packed learning experience.
Required Experience
You'll benefit most from this workshop if you understand testing basics and have written tests before. Fundamental TypeScript knowledge is preferred. No prior Vitest experience needed.
