React unit testing with Jest & React-testing-library

Complete Guide to Component testing with Jest for beginners. Crash course on Jest and mocking

#react #jest #testing

*My Udemy Courses

Follow me for technology updates

Help me translate this video.

[cory]

You crushed my heart when you made a button component but then used a div instead of a button element 😭

[fonosayno]

This is a very good tutorial that helped me better understand front end unit testing for React. I found it hard to follow the documentation, especially when there are 3 or 4 testing libraries that are being used without specific reference to each library

[joemadhan]

One of the best tutor that available on YouTube. Hit like if you learned ReactJs under the hood by watching his videos

[idumiclovich]

it looks like the cleanup is now something that happens by default. Which is pretty awesome.

[arsfreelance]

You are saving my quarantined days, I'm hooked up to your channel. TY for your tutorials.

[clasesutnfrc]

01:16 Installations
02:12 Create component for testing
06:53 Testing

[lumbimbi]

I love people who actually explain what they are doing instead of narrating what they are typing.  🥰 Thank you!

[reactivicky]

We can also write snapshots as
it('matches snapshot', () => {

const { asFragment } = render(<Button label='hi' />)




})

[compeng]

can we see something useful like dealing with changes to state, props, using fireEvent, etc, etc?

[SudhanshuRamTripathi]

Great Video!, one thing I wanted to say is :
"Adding data-test-id just for testing is not digestible, because here we are increasing DOM property which is not being used in feature development".

[teodortodorov]

Thank you so much men. You bearly saved me for the Technical Interview 🤠

[RajeshSamson]

You make everything look so simple. Great job

[cleo]

Excellent video. Waiting for a fullstack Udemy course from you! You should def show us how to implement more testing / testing best practices if you ever create create the course

[gottedev]

please make a tutorial on testing Redux with React using JEST and RTL

[Nicosprintos]

I believe that now it should be: npm install @testing-library/react @testing-library/jest-dom react-test-renderer --save-dev
And eventually before: npm uninstall jest-dom

[skyenolimit]

Great tutorial, just a little tip for anyone working React v.16^:

Instead of importing the extend-expect from the jest-dom you just need to type the following:

// 123');
^^ the above snippet is outdated use the line below to pass the test.

123');

It took me longer than what I would like to admit to find the solution.

[berakoc]

The video is very concise and to the point.

[OZENKAWA]

seems like cleanup is not needed anymore with Jest ?

[TheMurtukov]

16:32 what do you mean "they run out of the names"? You defined this name. By this kind of import you can use whatever name you want

[mybaby]

Sirji yeto chote chote test cases hue but let's say I have 500 line of code with huge business logic then how could I test that component again what is use of this test case I really don't know could you please explain?