Cypress Unit Testing In React Application

We will write unit testing for our React application using Cypress. With a unit test, we are ensuring all our functionality works in our application. This is great for bug-free production code.
***NOTE: This is not purely a unit test, we have a component test in the mix.
So, let's make it together. 💣
🙏 Click to Support me 👇🏼 👇🏼
/ @forthosewhocode
-
👀 End to end testing with Cypress: • Cypress End to End(E2E...
--
🌲 Cypres documentation: docs.cypress.io/
🌲 Kitchensink app: github.com/cyp...
🌲 Git Repo: github.com/ish...
--
🙏 Please like, share, and follow for more awesomeness coming 🙏
⌨️ Happy Coding!

[@LeFede]

how should I exclude cypress folder from vite build ?

[@HollyJolly83]

Please publish more videos for testing different component in react as well as angular if possible

[@show_me_the_moneyy]

Nice video mate - I have used react testing library and really loved it - I have not used Cypress before but from the example you covered - the difference which I see between these 2 libraries is - RTL is so intuitive - I mean I checked RTL documentation not so frequently, I didn't feel the need to check syntax - it came naturally - but looking at the example you covered it seems like I will have to check documentation frequently to use Cypress atleast till I become little comfortable with it

[@rangasaisandilya8486]

Very helpful for me thanks

[@fullstackspiderman]

im using cypress for e2e testing, the test is not creating records but im able to if I access my app directly. not sure whats blocking. using react-query, axios, formik, mui, etc

[@consciousmi4842]

Thanks, helpful

[@pritamkumarsah1017]

how can we generate code coverage report of the same component testing ?

[@wisdomelue]

also can i use cypress with node js and can you do videos that’s mocks an api call with cypress and react

[@forthosewhocode]

Yes, definitely you can 🤗

[@Sebastian-rh5gt]

Nice video, I have a question. In my app some views require authentication, how can I maintain my session or token active during the test if I need to log in first, and after that when I go to my form view the token generated and stored in local storage is missing?

[@weihungchin1240]

Is there a way to generate code coverage report when running in headless mode ?

[@alifiyahh6387]

why doesn't the code open the same website that you have?

[@wisdomelue]

really loved this video, more videos on cypress with react and typescript thanks