Mastering React Testing Library with Daniel Afonso: In-Depth Insights

In the latest episode of Test Automation Experience, hosted by Nikolay Advolodkin, we had the pleasure of delving into testing React using React Testing Library with Daniel Afonso. The conversation covered the transition from traditional testing approaches to the adoption of the React Testing Library, a shift that introduced speed and a new focus on user perspective. Daniel shared his personal journey of migrating tests, which led to the scrubbing of superfluous tests and a newfound appreciation for quality assurance as part of the development pipeline.

The episode includes a hands-on demonstration where Daniel troubleshoots a real-time React test setup while emphasizing the principles of the testing library—avoiding implementation details and ensuring accessibility for all users. With topics ranging from firing events to harnessing asynchronous utilities, the podcast provides valuable takeaways for any developer looking to refine their testing skills.

Daniel also touches on his React Testing Library course offered on egghead IO, promising a concise yet comprehensive guide through a series of 22 lessons in just 25 minutes. Check out his course linked below for a deeper understanding of rendering, querying, and event firing, aiming to bolster both efficiency and quality in testing practices!

CONNECT WITH DANIEL AFONSO

CONNECT WITH NIKOLAY ADVOLODKIN

JOIN THE CONVERSATION!

👇👇 RESOURCES to Help You with Automation👇👇
📚 Books

🔎 Blogs

👩‍🏫Courses

📊 Code

0:00 Intro
0:33 Can you set up a basic React test in 60 seconds?
3:29 What's the most common mistake in react component testing?
6:24 What is your React testing best practice?
7:16 How did you get started with React testing library?
8:20 How many tests did you migrate? And then after the migration, did you feel like it was worth the migration effort?
12:23 After you transitioned is testing now being taken more seriously?
14:29 What did you communicate to get buy in?
16:38 Who pushed those efforts of pushing tests lower in the pyramid?
19:46 React testing library course on egghead IO
25:48 How is that different from maybe doing like an end to end playwright or cypress test?
27:45 Stop using jest? What are your thoughts?
36:27 Is the solution there to add an accessibility ID to your element?
37:40 Do you tackle component testing in the course?

[michaldrajna]

another perfect guest and video! thanks

[jeirsenlopera]

good video, Daniel Alfonso is really good teacher, took his course from egghead and learned lot of new stuffs!