React Testing for Beginners: Start Here!



Looking to level up your React skills? In this tutorial, we'll cover everything you need to start testing your React apps with React Testing Library and Vitest / Jest. – Want to learn more? Get the full course: https://codewithmosh.com/p/react-testing-mastery
– Subscribe for more videos like this: https://goo.gl/6PYaGF RELATED TUTORIALS:
👉 JavaScript Unit Testing Tutorial: https://youtu.be/zuKbR4Q428o?si=tjVNNCY9FA4EEbPO 👉 React Tutorial for Beginners: https://youtu.be/SqcY0GlETPk?si=SopHGRFperVxzxyt 👉 TypeScript Tutorial for Beginners: https://youtu.be/d56mG7DezGs?si=hrEBCURyaKVqFH9c FULL COURSES
👉 React Testing Mastery: https://codewithmosh.com/p/react-testing-mastery 👉 React 18 for Beginners: https://codewithmosh.com/p/ultimate-react-part1 👉 React 18- Intermediate Topics: https://codewithmosh.com/p/ultimate-react-part2 👉 Mastering JavaScript Unit Testing: https://codewithmosh.com/p/mastering-javascript-unit-testing 👉 The Ultimate TypeScript Course: https://codewithmosh.com/p/the-ultimate-typescript TABLE OF CONTENT 0:00:00 – Introduction
0:01:21 – Prerequisites
0:03:00 – Course Structure
0:04:46 – How to Take this Course
0:06:37 – Setting Up the Development Environment
0:07:36 – Setting Up the Starter Project
0:13:31 – Setting Up Vitest
0:17:19 – Setting Up React Testing Library
0:20:24 – Testing React Components
0:21:15 – What to Test
0:24:31 – Testing Rendering
0:33:12 – Simplifying Test Setup
0:36:16 – Exercise: Testing UserAccount
0:41:52 – Announcement
0:42:41 – Testing Lists
0:48:46 – Exercise: Testing ProductImageGallery
0:53:08 – Testing User Interactions
01:02:04 – Exercise: Testing ExpandableText
01:13:17 – Simplifying Tests MORE FROM MOSH
Courses: https://codewithmosh.com
Twitter: https://twitter.com/moshhamedani
Facebook: https://www.facebook.com/programmingwithmosh/ #react #reactjs #testing