Testing JavaScript with Cypress – Full Course

Learn how to use Cypress to test JavaScript applications in this full course for beginners! You'll dive deep into the world of end-to-end testing, as you learn about setting up, writing, and executing robust tests to ensure the reliability and performance of your web applications.

✏️ Course created by @coderyan

⭐️ Contents ⭐️
⌨️ (0:00:28) Introduction
⌨️ (0:01:52) Course Overview
⌨️ (0:04:04) Why Cypress?
⌨️ (0:08:24) Project Setup And Install
⌨️ (0:17:21) Cypress Describe Blocks
⌨️ (0:18:55) Cypress It Blocks
⌨️ (0:20:42) Cypress Commands
⌨️ (0:29:17) Cypress Getting Elements
⌨️ (0:30:29) Cypress Command Chaining And Assertions
⌨️ (0:55:39) Cypress beforeEach Blocks
⌨️ (0:57:55) Cypress Custom Commands
⌨️ (1:06:01) Testing Forms In Cypress
⌨️ (1:27:31) Multi-Page Testing
⌨️ (1:36:01) Cypress Intercepts
⌨️ (1:47:34) Helpful Cypress Methods
⌨️ (1:55:11) Testing A Grudge List Feature
⌨️ (2:10:57) Cypress Component Tests
⌨️ (2:26:37) Cypress Best Practices

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan

--

[coderyan]

Thank you for checking this course out! And thank you Free Code Camp for all you do for the community. I had a great time creating it and I hope you all enjoy it!

[nanonkay]

Timestamps:
0:00 Intro
1:52 Course Overview
4:04 Why Cypress?
8:29 Project setup and overview
17:29 Testing Fundamentals: Describe Block
18:54 Testing Fundamentals: It Block
20:50 Testing Fundamentals: Commands and interacting with elements
29:29 Testing Fundamentals: Getting elements
30:38 Testing Fundamentals: Command chaining & assertions
38:04 Testing Fundamentals: Writing first test
54:34 Running a single test using "only"
55:45 beforeEach
58:08 Custom commands
1:03:00 Testing Fundamentals summary
1:06:29 Testing forms
1:16:44 Doggo is tryna cuddle with his
1:16:58 Testing forms (contd)
1:17:32 Aliases and Retry-ability
1:28:26 Multi-page testing
1:36:13 Intercepts
1:42:20 Intercepts: Fixtures
1:47:48 Helpful Methods
1:55:20 "Grudge list" example
2:11:06 Component testing
2:26:44 Best practices
2:39:32 Fin

[reuben]

I came here with zero Cypress knowledge, Ryan you are a great tutor, you broke things down to the level of beginner and explained it clearly with relevant examples and tests,
I am confident to write Cypress test cases after watching this video!

Thanks Ryan

[DThompsonDev]

Love to see more content on Testing! Cypress is great. Even used it at 2 companies I have worked at! Rock solid resource.

[kalduntechnologies]

I really appreciated the content. This was a great refresher on JavaScript and Cypress seems like an excellent tool for web app testing!

[segovia]

I agree that this makes testing fun. Compared to debugging your tests for 5 hours to work out why stuff is leaking between tests, DIY dentistry is fun! This is great content, thanks! Update: I spoke too soon. Am getting some flakiness in the testing. Getting htmlFor prop did not match when testing the form input, and this is causing Cypress test runner to hang indefinitely requiring a restart. Also some flakiness around the Testing Fundamentals click to expand the accordion item after we added div[role="button"] - test wouldn't work and then would. Further update: hanging was caused by .type() - can be fixed with: mom')

[jolness]

Thanks for making this. I haven't used cypress for a couple of years and am interviewing for a role that is testing focused. Java testing has been my wheelhouse for the last couple years but need a refresher so I can jump in and not make a fool of myself. This seems to be just what I need.

[sakshisakshi]

Great tutorial!! And your dog is the reason it became even more fun, most of the time I got distracted by him during the tutorial😄

[MariannaDiMaio]

Big thanks! Your explanations of the basic concepts were clear. Unlike other videos I've watched, yours kept me hooked from start to finish. Definitely deserving of a ⭐

[ElinaStamb]

Thank you, it was so useful! I've already created few tests for our Angular application after watching your tutorial <3

[KamranV]

Thank you, Ryan! This course was really helpful.

[spacexnix]

I've been waiting for a long time. thank you very much

[sumanjeet]

It was really a nice video in a normal length video, Now I am going to watch your YouTube channel for finding some more useful contents like this one ....

[brookrichardson]

Thank you, Ryan. This was an excellent course.

[BoolFalse]

love this vid almost as much as TOOL's last album 🎉

[ACHUAREM]

Much awaited. Thank you for this course.

[marwanabouesmaail]

Informative and the course I was looking for. Thank you so much

[aeonian]

perfect course again just in time <3 thanks lot

[marcinbjl]

hi guys, question for those who actually do work with cypress professionally - Is it a normal practice to pollute production code with test tags? are testers actually allowed to add them everywhere? or in reality elements are selected in more complicated ways? e.g. checking parents, siblings, by regex etc.

[ashutoshsingh-uhio]

please make a similar project on playwrights from basic to advance E2E framework