Thank you, Harry! The information about how to test react apps with hooks is really poor. We need more examples with fetching data with useEffect, and some examples with input, select etc.
could you explain why you put the callback function in the (params go here) section of the component? Is it necessary in general or just for the testing?
You need to use 'mount' instead of 'shallow' render due to a bug in React related to updating state in shallow wrappers. I believe the bug is being fixed but React@16.8.6 and lower are affected by the bug. That means apps bootstrapped with Create React App are affected (as of July 15 2019) because CRA currently uses @16.8.6.
Nice tutorial. I have a scenario where my useEffect depends on one of props value. In this case how can we write a test? Is it possible to write test without using enzymes? I hope you answer this ASAP :) Thanks in advance!
I’m literally going crazy with React Context, useReducer, Framework7, electron, SocketIO type of setup… literally got my Provider to work but can’t test it all together 😑 JSDOM keeps on complaining about things that idk
Great video man. Love your content. You should check out github.com/testing-library/react-hooks-testing-library if you haven't already. A very nice and concise way to test hooks.
Can we be just done with screaming at the start of the video? It does not make the video more cool, rather more annoying... Re: the problem with reference, you could eq. return an object with `result` property and update that in your HookWrapper, no hoisting needed.
Been really struggling with this stuff the past few months and this is the first time it was completely clear. Thank you.
Enjoyed it as always. Some async ones?😉
Thanks Harry, that was great help
The “mycomponent” pun so bad until i couldn’t hold my burst 💀
Thank you, Harry! The information about how to test react apps with hooks is really poor. We need more examples with fetching data with useEffect, and some examples with input, select etc.
Yeah there's a lot to cover. Hopefully this gets you started!
@@hswolff Any examples on how to test a Component that calls useEffect which contains an async call?
You should do a course on hooks testing - there is basically nothing out there.
Anything specifically you’re curious about?
Hi Harry! would be amazing if you could make a Part 2 testing also with Redux. Maybe (redux-react-hook) ? :) Thank you in advance!
Oh interesting idea. I’ll add to my list of videos to make. Thank you!
@@hswolff Thank you very much for your answer! I am looking forward for it ;)
Incrementation means that you add one to a value so " increments by *value*" doesn't make sense.
What is he saying? "My Corona" @ 3:07? The video is from 2019. Wow.... strange!
shit I heard that too
Hi Harry. What would you recommend?
I have a CRA app that comes with react-testing-library already using jest. Should i switch to Enzyme?
could you explain why you put the callback function in the (params go here) section of the component? Is it necessary in general or just for the testing?
Thanks, but it's very simple test cases. You need to create video with useReducer and methods which imports, but don't get in props
Yep! Wanted to start with a simple case before getting more complicated.
Thank You Harry. Extremely useful video =)
You are welcome! Glad you enjoyed!
do I need to update enzyme and jest to test hooks? I keep getting invariant violation: Invalid hook call when I try to shallow render
You need to use 'mount' instead of 'shallow' render due to a bug in React related to updating state in shallow wrappers. I believe the bug is being fixed but React@16.8.6 and lower are affected by the bug. That means apps bootstrapped with Create React App are affected (as of July 15 2019) because CRA currently uses @16.8.6.
Thanks for the reply Ray! 100% on point!
@@rayarama222 Thanks!
Yeah, testing such simple set state is simple, now do use effect with fetch...
amazing, this is the way to tech something
I'm sorry that I did not get acquainted with your higher education earlier ❤❤❤
shallow() doesn't work, which makes it difficult to use React Native. Any resources you could point me to for that?
Nice tutorial. I have a scenario where my useEffect depends on one of props value. In this case how can we write a test? Is it possible to write test without using enzymes? I hope you answer this ASAP :)
Thanks in advance!
react testing library
Can we use shallow instead of mount?
I’m literally going crazy with React Context, useReducer, Framework7, electron, SocketIO type of setup… literally got my Provider to work but can’t test it all together 😑 JSDOM keeps on complaining about things that idk
Thank u for this awesome video
Thank you for watching!!
It would be awesome to see a video about testing custom hook sthat use async api calls
That was clear exp. mate thanks
Awesome! Glad to hear!
can you cover this same topic but using react-testing-library?
I always name ALL my components 'YourComponent', how did YOU know that??
(cool & helpful video, thank you :) )
haha :D glad you enjoyed! thank you!
Amazing stuff
Woohoo! Thank you!
Thank you for that video.
You are welcome!
Hey Harry very nice one mate... listen bro do you want to code together some of these days?
What do you want to code?
@@hswolff haha I'm not sure actually. Where are you based btw, do you have a job?
I wish you did this video a month ago!
Haha, better late than never!
@@hswolff Could you do a video on routing and hooks?
Great video man. Love your content. You should check out github.com/testing-library/react-hooks-testing-library if you haven't already. A very nice and concise way to test hooks.
Yeah! I almost included that as an example too! I need more practice using it before I teach it but I love that library too!
Why are you calling the event handler on every render... that makes no sense dude. You don't know that the count has changed on every render.
Can we be just done with screaming at the start of the video? It does not make the video more cool, rather more annoying... Re: the problem with reference, you could eq. return an object with `result` property and update that in your HookWrapper, no hoisting needed.
i did'nt
please make your intros less enthusiastic, you scared the jesus out of me
this much excitement to test some counter app???? what a waste of time. reserve it for when you test a real app.