React Testing for Beginners: Start Here!

Опубликовано: 14 Октябрь 2024
на канале: Programming with Mosh

108,706

2.6k

Ready to master React testing? This tutorial covers the essentials of React Testing Library with Vitest / Jest. Get hands-on and start writing better tests today!

🚀 Want to take your skills to the next level?
Check out my full course "React Testing Mastery": https://bit.ly/3IBuILB
Subscribe for more videos like this: https://goo.gl/6PYaGF

✋ Stay connected:
Twitter:   / moshhamedani
Facebook:   / programmingwithmosh
Instagram:   / codewithmosh.official
LinkedIn:   / codewithmosh

👉 Related tutorials:
JavaScript Unit Testing Tutorial:    • JavaScript Unit Testing Tutorial for ...
React Tutorial for Beginners:    • React Tutorial for Beginners
TypeScript Tutorial for Beginners:    • TypeScript Tutorial for Beginners

👉 Full courses:
React Testing Mastery: https://codewithmosh.com/p/react-test...
React 18 for Beginners: https://codewithmosh.com/p/ultimate-r...
React 18- Intermediate Topics: https://codewithmosh.com/p/ultimate-r...
Mastering JavaScript Unit Testing: https://codewithmosh.com/p/mastering-...
The Ultimate TypeScript Course: https://codewithmosh.com/p/the-ultima...

📖 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

#react #reactjs #testing