React Redux Unit & Integration Testing with Jest and Enzyme #3 – PropTypes

Within this series you will learn how to test:

• Connected and unconnected components
• Component state and Redux state
• Action creators and reducers
• Complex action creators that use Redux Thunk and Axios
• Action creators called from connected components

Links:

Project YouTube Playlist:

Project Repo:

NPM Dependencies:

Social Media & GitHub

[xXMatheusSSZXx]

I very rarely comment on YouTube videos, but, dude, this playlist deserves my time (not that it is worth much lol)!
I've been reading about TDD/Enzyme/Jest, watching stuff on YouTube and I even bought a Udemy course, but I was never able to learn as much as I am learning with your videos! I believe the success of your teaching method comes from the fact that you put yourself in the student's place. For example, instead of starting straight in TDD, you decided to write one component first and then test it. Instead of writing the findByTestAttr function in a Utils folder, you wrote it locally first and then explained why it should be on a separate file.
Congratulations and thank you for your tutorials!

[xAndy]

YouTube is such an incredible learning tool. I'm really enjoying this testing series. Thank you very much!

[arnobchowdhury]

I find it funny that we even need to test propTypes. I thought propTypes is a great way to ensure that no one inputs wrong data type, so propTypes are itself one kind of test. Why test propTypes then? Ohh, so many tests.
Being said that, this series is really great. I did not expect to find such great tutorials on YouTube. Thanks a lot SimpleTut.

[SimPwear]

This playlist is a grem. The past me never imageined myself being this comfortable doing TDD with React and Redux. You are such an underrated teacher!

[georgefield]

The best tutorials for learning React testing and TDD. Period!

[anthonyagbator]

After watching the first video I would rate this tutorial 101% excellent. I can't believe this free tutorial is more valuable than paid ones. I love to make a donation at least. Feedback: please try to always reference enzyme and jest doc especially for beginners

[madhusudhanreddyyannam]

Great Job, Best Tutorial on React Testing

[adrianamoni]

Dude, this is awesome! Thanks a lot for the time you took to make this.

[zohaibjawaid]

Thanks a lot the tutorials.
It's really helpful for me

[karastudio]

Thanks for the tutorials.
At the beginning you started using Yarn, is it ok that you install dependencies with npm from now on?

[iskendev]

Thanks a lot, very detailed explanaition!

[nategage]

Would you consider prop types to be an optional auxiliary testing method, or a standard in testing?

[devonlewis]

Hey I really appreciate your content. It helps a ton. I am getting a warning though, I am pretty sure it's do to importing and using our components propTypes into the util.js file which seems harmless to me. If anyone has a better understanding or explanation for this warning please share! Warning Message: "Using propTypes from another component is not safe because they may be removed in production builds

[jakubsvihla]

Thank you for the tutorial but can you please explain something?

I don't quite understand the value of testing prop types like this because the browser already tells me if wrong prop is passed. If in the future someone changes the code and passes the wrong prop type, the browser will tell him straightaway that it's wrong, so I don't see the value of writing tests for this. I get why we should write tests for functions that perform calculations, string manipulations and so on, but checking prop types, I don't get it.

Can you explain what these tests protect us from or what info it gives us that browser doesn't give us?

Thank you!

[tonesm]

Fantastic series! I am a little confused by your accent though, sounds like an American / English hybrid

[tarunjyotkaur]

Great tutorials.. I got a doubt that what if propTypes are defined in a component using static keyword instead of component.propTypes, Please provide a solution for that. Thanks in advance!

[harshavardhanputtappa]

Hi, I think you didnt mentioned at the beggining of this video to create a new branch called propTypes.

[aakashvishwakarma]

why toBeUndefined().... I didn't understand this part... please explain

[alextkd]

I just want to know how many test is anough? There is a tool to now the % of testing in a component? Thanks in advance

[BornGamble]

I dont understand the reason for testing props. What errors does it catch in my actual code. If i were to comment out the tempArr and Headline.propTypes in my .Headline Component, the test file will still pass, because we are passing in the expectedProps as props, and not the application props. What am I not seeing here?