React Async Testing using React Testing Library for Beginners: React.js Testing Tutorial #4

Published: 02 August 2021
on channel: Bruno Antunes

14,355

383

We are going to use findBy, waitFor
waitForElementToBeRemoved query methods from react testing library in order to test async code.

I'l also show the most common mistakes and struggles people have while testing async code and give you my solutions to those common problems.

React testing library provides several utilities for dealing with asynchronous code. These can be useful to wait for an element to appear or disappear in response to an event, user action, timeout, or Promise.

findBy Queries: findBy methods are a combination of getBy queries and waitFor. findBy queries work when you expect an element to appear but the change to the DOM might not happen immediately.

waitForElementToBeRemoved: To wait for the removal of element(s) from the DOM you can use waitForElementToBeRemoved. The waitForElementToBeRemoved function is a small wrapper around the waitFor utility.

-----
Timeline:
00:00 Introduction
00:18 What is Async code?
01:35 findBy and waitFor explanation
03:10 Comparing findBy with getBy and queryBy
04:15 Code Starts: Add async code
07:20 Where people start to struggle + solutions!!!
12:45 Wait for elements to disapppear from the screen
16:24 Where people struggle a LOT + solutions!!!
22:00 How you can get my help :)

-----
All the videos in this series (React.js Testing Tutorial):    • React.js Unit Testing and Integration Test...
----
Join the channel to support my content:
   / @brunoantunespt
----
GitHub repository: https://github.com/bmvantunes/youtube...
----

Follow me on:
Twitter:   / bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
GitHub: https://github.com/bmvantunes
LinkedIn:   / bmvantunes

On this page of the site you can watch the video online React Async Testing using React Testing Library for Beginners: React.js Testing Tutorial #4 with a duration of hours minute second in good quality, which was uploaded by the user Bruno Antunes 02 August 2021, share the link with friends and acquaintances, this video has already been watched 14,355 times on youtube and it was liked by 383 viewers. Enjoy your viewing!

1,090