End-to-End JavaScript Testing with Cypress.io
2h 6mAdvanced2024-12-10
Authors

Shaun Wassell
Full-Stack Software Developer
Course details
End-to-end testing is an incredibly powerful strategy. Essentially, it allows you to write programs that automatically interact with your web applications like a real user would. In this course, Shaun Wassell—a lifelong programmer and a Full-Stack Development Instructor—offers a comprehensive look at end-to-end testing using Cypress, which is one of the most popular and robust end-to-end testing tools available. Learn how to write and execute basic tests, and then move on to best practices for element selection, aliasing, and handling command results. Explore advanced Cypress features, such as hooks, environment variables, and test doubles, to create efficient and maintainable tests. By the end of the course, you will be prepared to perform real-world, end-to-end testing on any web application.
Learning objectives
Develop and execute end-to-end tests with Cypress
Understand and apply best practices for element selection, aliasing, and more
Use advanced Cypress features such as hooks, environment variables, and test doubles
Identify how to debug and optimize Cypress tests
Learning objectives
Develop and execute end-to-end tests with Cypress
Understand and apply best practices for element selection, aliasing, and more
Use advanced Cypress features such as hooks, environment variables, and test doubles
Identify how to debug and optimize Cypress tests
Skills covered
Software TestingWeb Development ToolsFront-End Web DevelopmentWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
Concepts
0. Introduction
- 01 - It's time to use Cypress.io to do some end-to-end JavaScript testing
- 02 - What you should know
1. Introduction to Cypress
- 03 - What is Cypress
- 04 - Advantages of Cypress
2. The Basics
- 05 - Installing and running Cypress
- 06 - Writing and running Cypress tests
- 07 - Testing text inputs
- 08 - Selecting elements
- 09 - Element aliasing
- 10 - Working with command results
- 11 - Using beforeEach
- 12 - Setting a base URL
- 13 - Challenge 1 - Writing your own tests
- 14 - Solution 1 - Writing your own tests
3. Intermediate Concepts
- 15 - Interacting with elements
- 16 - Triggering other actions
- 17 - Common assertions
- 18 - Automatic retries
- 19 - Debugging Cypress tests
- 20 - Setting environment variables
- 21 - Working with test doubles
- 22 - Challenge 2 - Writing your own tests
- 23 - Solution 2 - Writing your own tests
4. Useful Commands
- 24 - The wrap command
- 25 - The and command
- 26 - The filter and not commands
- 27 - Typing special characters
- 28 - Activating code completion
- 29 - Challenge 3 - Writing your own tests
- 30 - Solution 3 - Writing your own tests
Conclusion
- 31 - Next steps with Cypress.io and JavaScript
Related courses
- End-to-End JavaScript Testing with Cypress.io (2019)
- Angular: Building Large Applications
- Vue.js: Testing and Debugging
- Learning End-to-End Testing with Jest
- Playwright Python and Pytest for Web Automation Testing: Master Modern Web Testing with Playwright and Pytest in Python
- Advanced Blazor WebAssembly
- React: Testing and Debugging
- Test-Driven Development in an AI World