Anna McDougall
Watch Tests Go Brrrr! : Getting Started with Cypress in ReactJS
#1about 4 minutes
Understanding end-to-end testing and the benefits of Cypress
End-to-end testing validates the complete user workflow, and Cypress provides features like time travel and automatic waiting to simplify this process.
#2about 9 minutes
Installing Cypress and structuring tests with Arrange-Act-Assert
Learn how to install Cypress using NPM and structure your tests logically with `describe` and `it` blocks following the Arrange-Act-Assert pattern.
#3about 8 minutes
Writing your first Cypress test for a login form
Follow a live-coding session to write a login test using core Cypress commands like `cy.visit`, `cy.get`, `.type()`, and `.click()`.
#4about 6 minutes
Adding assertions and debugging failing tests in Cypress
Validate test outcomes using assertions like `.should()` and `.within()`, and see how Cypress provides clear error messages for debugging.
#5about 9 minutes
Automating form submission with programmatic login
Bypass the UI login for subsequent tests by using `cy.wrap()` for programmatic authentication before filling out a multi-field form.
#6about 5 minutes
Asserting element states and final text results
Complete the test by asserting that a button becomes enabled after form completion and that the correct result text is displayed.
#7about 10 minutes
Q&A on mocking responses and advanced test patterns
Explore advanced topics like mocking backend APIs with `cy.intercept`, organizing test code, and using different selector strategies.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
05:13 MIN
Introduction to end-to-end testing with Cypress
Testing web3 applications
08:48 MIN
Audience Q&A on testing strategies
Yes, You Need to Unit Test your JavaScript. Here's How.
06:29 MIN
Writing end-to-end tests for injection attacks
Plants vs. Thieves: Automated Tests in the World of Web Security
04:57 MIN
Implementing integration and end-to-end tests
One-click-to-production: Test and automate your application
03:03 MIN
Lessons on testing, hooks, and framework lock-in
Building a large, complex product from the ground up with typescript & Atomic Design:lessons learned
01:31 MIN
Understanding the Cypress architecture and tasks
Advanced Cypress: custom assertions and tasks
16:15 MIN
Q&A on scaling tests and choosing frameworks
Let's get visual - Visual testing in your project
04:16 MIN
Using end-to-end tests for performance monitoring
Measure and improve frontend performance by using test automation
Featured Partners
Related Videos
44:59Let's get visual - Visual testing in your project
Ramona Schwering
08:33Advanced Cypress: custom assertions and tasks
Luca Micieli
54:23Let's get visual - Visual testing in your project
Ramona Schwering
50:28Fighting test flakiness with time machines
Filip Hric
53:58Testing web3 applications
Soumaya Erradi
28:33The 2025 State of JavaScript Testing
Daniel Afonso
58:26TDD for Vue.js Developers
Markus Oberlehner
25:38Measure and improve frontend performance by using test automation
Ramona Schwering
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
TechBiz Global GmbH
Cologne, Germany
Remote
Docker
Node.js
Continuous Integration
ITech Consult AG
Bern, Switzerland
Intermediate
GIT
Docker
Confluence
TypeScript
TechBiz Global GmbH
Düsseldorf, Germany
Remote
Docker
Node.js
Continuous Integration
TechBiz Global GmbH
Mittenwalde, Germany
Remote
Docker
Node.js
Continuous Integration
TechBiz Global GmbH
Berlin, Germany
Remote
Docker
Node.js
Continuous Integration
TechBiz Global GmbH
Aachen, Germany
Remote
Docker
Node.js
Continuous Integration
TechBiz Global GmbH
Neuss, Germany
Remote
Docker
Node.js
Continuous Integration