Mocking React Components and Functions using Jest for Beginners - React.js Testing Tutorial #5

Hi Brune, Really find this tutorials on testing helpful especially for a beginner into testing like me. Could you recommend another means of mocking react components as mocked - ts-jest/utils has been deprecated?😁

This is an amazing series on test.
Simply wonderfull

El mejor tutorial de pruebas que he visto en la red. Te agradezco muchísimo Bruno!!

Hello, this is pretty clear and helpful, just one question , what happen if I m not using typescript, in minute 12 more or less you used mocked() that comes from ac ts library, I did not understand it a lot, if it is a normal js file how can I use it? :)

Excellent explanation. Thanks!

Really helpful as always Bruno. Thank you !

Excellent explanation, you gained another subscriber, congratulations!

Thanks awesome tutorial

Hey man, nice video, thanks a lot for it. I'd like to know if you know how to deal with a situation that I have the component displayed twice or more inside a component, and I want to validate the params sent to both? Like:

<>
<MyComponent param={1} />
<MyComponent param={2} foo="bar" />
</>


How would I test those two components separately if when I mock it, I mock both at the same time?

I appreciate man =) The way you explain is simple and didactic, loved it.

So awesome materiallll broooo

Loved it, Thank you :)

Finally, I've understood what spying and mocking is! Thanks!!!!

This guy is something else...

This is by far the best tutorial on mock/spy that i have found. Thanks

Great video!
But I have a problem. What do I use instead of the "mocked" function, given I'm not using Typescript and therefore am not using "ts-jest/utils"? Thanks

Super professional tutorial I've seen so far. Really many practical tricks explained here which our team spent years to figured out with Jest.
Still looking for a trick to save memory when jest is running.

Love your presentation man. awesome !!!

This is very informative! Thank You!

Thank you so much! Your manner of explanation is great!

Thank the lord for this guy 👏I'm a junior dev' and I started working for a big company three months ago. I had no experience of testing and it has severely affected my performance in this role, I wish I had have seen this video two months ago but it's still useful for me. Lots of other jest videos out there are good, but pretty basic, this one is up to date and exactly how my company mocks so cheers Bruno.

P.s. I know it sounds like I'm this dude's friend giving him a nice review, but I don't care this video is deffo worth it for anyone who doesn't have a goosy about testing like myself a short while ago.

Thanks

Thanks bro!

Very helpful, esp the last trick. Thank you.

Thank you for this great instruction. By the way,
Does the same concept apply to the react native applications?

What a great video. Thanks for putting this together. Nice and clear

Hi Bruno, thank you for posting this for us! I really like your tutorials.

May I ask one question:

Why do you use "mocked" from "ts-utils" for mocking the DataGrid, but it was not necessary for mocking the VeryComplex component? When do I know if I need to use the "mocked" from ts-utils?

Thanks!

Hey Bruno, awesome video, you mocked the Dataggrid with mocked function from ts-grid, but I am not using typescript in my project. How to mock it then and also what is the significance of mocking here with ts-grid when you are mocking it with jest.mock ??

You gave my motivation back brother... Thank you so much :) So happy that i found your channel :)

Hello Bruno! Your video is so helpful, thx! I have one question.

Can I mock my own component or component from any library only in specific tests?
Cause now I unfortunately didn’t find a correct way and my solution is to create two test files with mock and without, so, it is no a better solution 😄

Chances you will bump to this problem:
TypeError: Cannot read property ‘generatedLine’ of undefined

if you are on react-script v4 and jest 26 , you have to do

jest.spyOn(global.Math, "random").mockReturnValue(0.42);

Liking this before watching. Been a while since I have found one of your videos.

Oh my gosh, I spent all day yesterday looking at articles on how to do this and got nowhere. 6 minutes into your video and I have a passing test! Thanks!

Thanks!

This is the best testing video I've ever seen!

Thanks!

Thank you Bruno for this wonderful series! 🤓👍👍👍

Very useful tips! Thanks! :)

You videos are so great ☺️

Second first comment 😋

first comment 😂😍