React Testing Course for Beginners - Code and Test 3 Apps

In this React testing course, you will learn how to code, test, and deploy 3 different React apps. You will learn how to use React Testing Library, write end-to-end visual tests, and develop comprehensive test strategies. You will also learn how to use testing tools such as Happo.io, Cypress, and Jest.
💻 GitHub Links:
1: github.com/nadvolod/react-web...
2: github.com/nadvolod/js-code/t...
3: github.com/nadvolod/js-code/t...
✏️ Nikolay Advolodkin created this course. Check out his channel: / ultimateqa
📥 Subscribe to Nikolay's weekly email on JavaScript testing: ultimateqa.ck.page/js-testing...
📝 Nikolay's blog: ultimateqa.com/blog
⭐️ Course Contents ⭐️
(0:00:00) Introduction
(0:01:47) Creating A React App and Deploy to Microsoft Azure
(0:42:14) Birthday Reminder React App with Full Testing
(1:18:29) Build & Test A Portfolio Website
🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@TheKNdheeraj0]

Really appreciate it. I have seen many videos of React on KZbin. But none of them focus on testing. This is the video, that I have being looked for. Development + Testing!!

[@UltimateQA]

Thanks for the feedback :) Yea, I think it's very important for a developer to also test the code. Hence, we gotta learn them together :)

[@fernandomonarca570]

man, when you to teach someone who is using this for the first time, please, tell them, where and why you are going to click on. Before click on! Because at '6:51', you only changed that line 'runs-on: ubuntu-latest' and I didn't see where you clicked on after.

[@RajKumar-gm4rg]

Wow..! ReactJS with testing Library . So many days I have been waiting this video. Thank you and Cheers

[@UltimateQA]

Thanks 😁 what was your favorite part?

[@jonathanbriceno3865]

Wonderful content, I always wanted an FCC tutorial on testing, without a doubt. You without the best. Immensely grateful.

[@UltimateQA]

Thanks 😁 what was your favorite part?

[@SreekanthJAcharya]

Waiting for this one, thank you.👏

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@CodingCardSharp]

Thank you very much for uploading a free video for everyone to learn from! I really hope this helps me learn how to properly test my own application.

[@kleadedja5830]

very excited to see your video

[@universecode1101]

Finally a video on React and the tests. I was just looking for something about it, I think we talk about the testing phase too little, when it is a crucial phase. Great video and thanks 😊

[@UltimateQA]

Thanks 😁 what was your favorite part?

[@universecode1101]

@@UltimateQA The part with Microsoft Azure, I've never used it, but I'm very curious about it 😄

[@UltimateQA]

@@universecode1101 great to know! I can do more around it in the future

[@luciana9135]

I got lost went you explained the ci.yml file with the secret keys. I checked and my repository doesn't have keys, so I think you should mention if keys are not present, what do we do? Do we need them or we can continue without entering these variables? - I'm sorry, I don't agree, your explanations are confusing and unclear.

[@upanisad]

exactly, same situation as you. he didn't explain at all.

[@bobobobbyboy]

right, it came out of nowhere and there's little to no explanation. seems like it was forced/edited into the tutorial at the last minute.

[@romimaximus]

Well, i was doing great.. trying to learn "React Testing Library" and i liked the CI part, ... but after you started using that "wdio, screener, sauce labs, webdriver, etc....", ... and inserted that bunch confusing configurations, i got lost !!!! i could not understand nothing else !! ... but thankx, this is a good tutorial for who already knows something about testing... but it was nice of you, sharing all this content... 👍

[@UltimateQA]

I will create a tutorial where I cover everything step by step to make it more understandable. Thank you for the honest feedback

[@romimaximus]

@@UltimateQA Thank you very much 😊👍

[@luciana9135]

I felt the same way, I work as QA engineer for 15 years & I got lost at the same point that you, so the explanation was not clear. Sorry I got frustrated. I'm glad that it was not only me who got lost.

[@romimaximus]

@@luciana9135 Yeap, but im looking into The Net Ninja channel, he´s got a whole playlist about "testing", kzbin.info/aero/PL4cUxeGkcC9gm4_-5UsNmLqMosM-dzuvQ, ... but the CI/CD part, im still doing research..

[@lucasfrutig4945]

i fell the same

[@sharecodecamp]

keep up great content 🔥🔥🔥🔥

[@thekavegirlreceitaspaleo3757]

Wow!!! This is amazing!! Thank you so much, I was looking for a video on React testing! Thanks thanks! :)

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@DEV_XO]

Amazing content, as always!

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@masadamsahid]

Nice work! 👍

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@hala271]

Thanks for the tutorial. As a beginner, it was impossible to follow and I fell off at the github pipeline part. Beginner level tutorials with especially this many new aspects should be more detailed and slower. I think you try to put too much information into as little time as possible (I'd have no problems with this tutorial being 5 hours). The content is nice

[@bobobobbyboy]

it was just haphazardly thrown in

[@profsteve8104]

@@bobobobbyboy the content isn't orderly at all. react testing was suppose to be the main character of the day.

[@pawanT23]

same here, catching up with the beginning part is harder.

[@somzzychuks3722]

Exactly what I need

[@UltimateQA]

Happy 😃 what was your favorite part?

[@sakellarios]

Anyone else having issues with Screener login? I am trying to follow the tutorial but the Screener tab in Sauce Labs redirects me to a page to log into Screener and then I get "There is no account for user, please request access". I fill the form provided and get a 404..... ??

[@jeffhappens1]

Some of the prompts are so different, I don't know how to continue. The wdio install had so many audits, and configuring hada different prompt asking for "Where should your tests be launched?" It takes up a little more cognitive load to try to follow this demo. Can there be any updated info please?

[@diggydavro1588]

This is a great course

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@junaidbhat06]

What a timing great

[@MrCuteguylol]

Can anyone guide me (before i go on with this) does this course teach us test driven development methodology?

[@jainlokesh318]

in the first part you are using some secrets in the github actions, please explain where you got them from and why are they needed?

[@federicobartoli2320]

Hi! How do I get access to screener? I see that you have to apply now

[@thomasbarker2798]

When I install just the basic create-react-app and try to initially run “npm test” it tells me no tests are found. Can anyone help me understand why this is happening? 5:14

[@moinulislammoin]

Great!

[@UltimateQA]

Thanks 😁 what was your favorite part?

[@matijaspolazarov3057]

Could you make a video of explaining how test driven development in Spring Boot works? Would be very grateful, thank you for your vids.

[@UltimateQA]

I don't know Spring Boot :( I could train TDD in Java though if that would be helpful?

[@kanikapatial6209]

Thnkw so mch for this vedio

[@UltimateQA]

Thanks 😃 what was your favorite part?

[@user-ql1rg9mj9d]

great~!!

[@UltimateQA]

Thanks 😁 what was your favorite part?

[@John-nr8vu]

your course is one dark theme away from being perfect. anyway, thanks for the effort!

[@UltimateQA]

Thanks 🤣 what was your favorite part?

[@isaacopeyemirobert7868]

i was surprised too, lol who still uses light theme 😅

[@CodeAProgram]

Nice

[@shashanksingh4708]

Can you make a video on flutter testing ?

[@UltimateQA]

I wish I knew Flutter :(

[@zusm]

This is exactly what I needed... scary.

[@UltimateQA]

I have 2 skills, testing code and reading minds 😉

[@typicalindiancoderwhowatch8458]

But the question is why he is using light theme?

[@UltimateQA]

Ahahah, good question

[@waleedsharif618]

Why dont you use `React Testing Library ` ? Could you make a testing video using rtl ?

[@UltimateQA]

I did use RTL, very little as it's not always the best tool for the job. But yea, I have a plan where I cover how to test a bunch of applications using numerous tools. And I'll dive more in depth on each tool

[@waleedsharif618]

@@UltimateQA one more thing, could you show how to test non-exported functions in react ? In every react testing video, functions are exported, but its not always possible to export (or we are not allowed), inside my component i have many internal functions which cannot have export, how to test those ?

[@UltimateQA]

@@waleedsharif618 do you have some code examples you can share so I can see what you mean?

[@upanisad]

Can't follow along; I don't have many secrets as you, you know, especially on piplines. What are pipelines; Are they for smoking?

[@jnsound2962]

ভালো একটা ভিডিও

[@segovia102]

It's not really possible to follow this tutorial now. The set up for webdriverio and Sauce Labs is different, wdio/sync is not a thing, and Screener has been acquired by Sauce Labs and is now Visual Testing - it's only available to enterprise clients. I guess I will continue with it and see if I can get things running without Screener.

[@Hanish9]

Hi am new to programming, can i start my learning from this course? If not please let me know if this course needs any prerequisite... please help me

[@santoshkumar-iw4lz]

Full stack with python is better or MERN full stack is better??

[@vinayaksingh524]

Hey ! Please please please please make a video on Haskell

[@mrrishiraj88]

Good day greetings

[@J0xxe]

Use dark mode so you don't need the sunglasses

[@ShinRai1090]

Can we get or do we have something similar for Angular

[@tomlikeabomb6706]

Why install create react app when you can use it with NPX regardless?

[@UltimateQA]

Good point 👍

[@tomlikeabomb6706]

@@UltimateQA thanks for responding. Was confused haha

[@UltimateQA]

@TomLikeA Bomb yea, you're right, that would be the simpler route 😁

[@stories_VX]

⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:01:47) Creating A React App and Deploy to Microsoft Azure (0:42:14) Birthday Reminder React App with Full Testing (1:18:29) Build & Test A Portfolio Website

[@DineshKumar-xq1ww]

Maya full tutorial

[@tataralex854]

This video is so frustrating, at the beginning there is no explanation at all about the secret keys or the ci or what should we do, with the tests the same story, everything so fast forward, I'm dissapointed but I'm glad I didn't buy any of his courses.

[@profsteve8104]

very frustrating video. freecodecamp should do more vetting

[@jeffhappens1]

Some of the code is different when doing a tutorial

[@ambrosekibet9345]

These are John Smilga's react projects

[@TheAdnanZaib]

This is definetly not for beginners.

[@luciana9135]

I subscribed to the 'Ultimate QA' channel thinking I could find something useful. I was very disappointed. Most of the videos are confusing and unclear. Not everybody can teach, especially when it's something complicated like coding. My advice, Ultimate QA needs to work on the teaching skills and someone has to review his videos.

[@bobobobbyboy]

is this whole tutorial a saucelabs promotion? to use this tutorial i need to pay $39/month. so frustrating.

[@disrael2101]

i get error trying to run npx create-react-app my-app sh: create-react-app: command not found on mac

[@kunalpandey7189]

Too small, we want a detailed course

[@UltimateQA]

coding 3 apps is not enough haha? What's a "detailed course" in your opinion?

[@kunalpandey7189]

@@UltimateQA detailed course on testing them, not coding them

[@skylarkesselring8664]

complains about a free 2 hour tutorial...

[@UltimateQA]

@@skylarkesselring8664 hahah, this is only months of my knowledge distilled into 2 hours. I guess next time I need to focus a few years of knowledge into 10 hours?

[@UltimateQA]

@@kunalpandey7189 so just a course on testing them. I got you in the future 👍

[@jeffhappens1]

Sauce labs is a paid service. Anything free?

[@john33john33]

first, got a bike ok to fall

[@dutchrolla420]

This is not a beginner course

[@danylayton7582]

You should buy gx40 official sender for scamming at yt leakfullz.

[@abimbolapatrick2707]

Thus video is not beginner friendly

[@Human_Evolution-]

Content seems super scattered all over the place. I hate testing and I hate this video!

[@profsteve8104]

this isn't a beginner's tutorial on react testing, it shouldn't even be on freecodecamp. you guys can do better.

[@EmmanuelOdii80]

This is not a beginner course! You don't have to pretend ;(

[@dheeraj2729]

Not satisdied with this

[@mudassirsayed8703]

why

[@dheeraj2729]

@@mudassirsayed8703 why use light mode instead of dark mode and no clear and concise explanation. Even though stated it is for beginner