React Testing Tutorial - 42 - Mocking Functions

📱 Follow Codevolution

Mocking Functions
React Testing Tutorial
React Testing with Jest and React Testing Library

[davevanhoorn]

Thank you for doing this series. Very valuable.

[jacintachen]

Very clear explanation, really like your tutorials!!

[abhishekvishwakarma]

One thing to note here - since buttons are rendered conditionally so ideally we should use queryByRole but the reason getByRole works here because in our test during render() we passed the two functions via props which ensures fuctions are present in dom tree beforehand therefore getByRole works here, ;), awesome sir 🔥

[waleedsharif]

Could you make test for async action creator updating the store state ?

[KhushbooSinha]

how would you test this function in parent component ?

[shubhampatidar]

How to unit test web3 project in next js

[syedaneha_]

How do you test it if the value of an input field is constantly changing?

[danthalamuralikrishna]

Hi,
Tests failed in the below scenario
{props.handleIncrement && (
<button
)}
{props.handleDecrement && (
<button
)}
is this correct way to call the function

Tests passed in the below scenario
{props.handleIncrement && (
<button
)}
{props.handleDecrement && (
<button
)}

[RajkumarSTJ]

How to test the function when its not passed as a props. Like onClick most of the time it will not be passed in prop

[thilagavathisekaran]

How to test the function which defined in parent component but invoked in vhild components

[crashcoding]

How to check if function is declared inside, i.e not passed as props?

[shashankkumar]

How to test when these functions are not passed by props

[kikevanegazz]

This is very useful, thanks. However, testing components that receive props, how about components with inner functionality, say submitEvents that usually trigger async requests. How can those be tested?
If anyone has of an article that I may read, thanks in advance.