Frontend Testing Courses
See the list below of the courses here on HowToTestFrontend.com - you can start with testing fundamentals (Vitest or Jest), or move on to our React specific lessons.
Courses
Jest/Vitest Testing Fundamentals
Learn the basics of how to test with Jest or Vitest. This course covers the main features for writing assertions, tests, mocks, async testing, and more
React Frontend Testing
Course on testing React applications, using React Testing Library (with Jest or Vitest). Covers everything you will need to know to be able to test your Frontend applications
Finding elements with React Testing Library queries
Become familiar with all the ways to find elements in your rendered components with React Testing Library. This is a more in depth look at all the getBy, findBy and queryBy functions
React Testing Library DOM Matchers
Course covering all DOM matchers in React Testing Library, including .toHaveAttribute(), .toBeChecked() - learn them all to make your tests cleaner and easier to write
Vitest Browser Mode
Learn everything you need to know to get up to speed with Vitest Browser Mode, to run your tests in a very realistic, fast and (optionally) visual way!
Challenge Courses
Use what you learned from the lessons and see if you can complete these test related challenges. They are split up into two "Challenge Courses" - general challenges that apply to any Vitest or Jest test, and another which are React Testing Library specific.
React Test Challenges 🧩
Use what you learned in the other courses and see if you can fix these broken tests in our set of tricky React testing challenges. If you get stuck you can always reveal some hints to guide you along the way.
Vitest and Jest Test Challenges 🧩
Take on our challenges to fix some broken tests - testing your knowledge of how Jest or Vitest works.