Cypress in 100 Seconds

Cypress is a complete testing solution for web developers. It uses a browser-based test-runner to visually validate your JavaScript code and makes test-driven development fun.

#webdev #js #100SecondsOfCode

🔗 Resources

🔥 Get More Content - Upgrade to PRO

Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- Testing with Cypress Basics
- What is Cypress?
- Cypress vs Jest
- Cypress vs Jasmine
- JavaScript Testing
- JavaScript TDD
- JavaScript BDD

[leoaso]

Ah yes, automated UI testing. That thing I'm definitely absolutely positively going to start doing... one of these days.

[negary]

I don’t even do web development but these videos are just too entertaining

[recnepSpencar]

Been using Cypress for a year. Absolute game-changer over Selenium, webdriverio, and protractor.

[andreas]

Suggestions for 100 second tuts:
- Oauth2/OpenID Connect
- Swagger/OpenAPI 3
- Logging/Monitoring
- Caching solutions
- Phaser 3

[Tygrysek_]

Cypress is pretty fun, but sometimes really tricky.

The funniest part of it for me was when I had to do conditional testing, and I was new to Cypress. I relied on the docs and I found a section for conditional testing. It states:
"don't worry, there are ways you can do with conditional testing! for example, you can... remove the need to do conditional testing!"

Thank you Cypress, very cool.

PS: No, I couldn't do that

[vicradon]

Thank you Jeff for another amazing 100-second tutorial. Anytime Jeff explains a concept, it becomes easier and more approachable for me.

[JohnBrandon]

I will almost certainly never use this, but the clarity and quality of your videos is so outstanding that I can’t get enough. Thanks!

[MisterAndreSafari]

I have to say it again: your „video-editing“ and „story-telling“ skill is OUT of this world 😄
Thank you so much for your work 🙏

[MrBloodySpirit]

For me, I moved from Cypress to Playwright. It's much faster and can do almost everything Cypress can!

[deathlight]

Cypress is awesome! I've spent more time debugging the jest config than testing the code base !

[nathanlamaire]

Good thing about using these tools is that it also helps you to narrow down use-case of the application you make and only implement essentials.

[shaneckel]

This is the first time I've ever responded to a YouTuber request ever in the decade of watching YouTube videos but yes, I would like to see more algorithm videos. Excellent explanation of the search. This feels weird. Great work on everything you post.

[PfhorShark]

Been using cypress for 3 years after using selenium for god knows how long. I highly recommend this for TDD, your feedback cycle is almost immediate, you aren't coupled to chrome/driver versions, it's altogether the best way to write your integration tests first, see them not work, then repeatedly do the next thing it said didn't work. Simple.

[nicolasramos]

I've literally started working with cypress for our application at work this morning. Awesome timing as usual

[darkknightdks]

Absolutely love your videos.
I have been using Cypress for over a year now and I don't want to go back to those Protactor, Selenium stuff.

Also, Cypress has something called `data-cy`, which is added to the elements that you want to loop up in your tests. `data-cy` parameter can have a unique name and enables the test to directly find the element in the dom. This is an amazing feature that we use everyday and avoid looking up using html and css tags as they can change.

[mahmudzaman]

Really cool. Planning to use it on my next side project.

[savaasio]

the line "to figure out precisely why your code sucks" is so hilarious to me

[mstjepan]

Litteraly started learning Cypress yesterday, its so amazing for testing

[seantillman]

I just started testing with Cypress this year, it's been real cool to use. Thanks for the videos as always!

[edgarhnd]

I was about to launch my app to production without testing at the end of the week.. Thanks, that seems to be exactly what I need !