Add e2e tests with cypress to a React application
18m
4.3
276
people completed
Bookmark
Download
RSS
Imagine the following.
You join a new project and after getting access to the repo you notice that there's no tests.
You decide to ask the team whether they are in different repo or something and unfortunately the answer is:
We don't have any tests, we didn't have the time.
😐
In this collection we're going to learn how to add e2e tests with cypress.io to an existing React app in order to do two things:
- 🌟 Ensure that our app currently works as intended
- 🌟 Allow us to add features to it with a technique called "Cypress Driven Development"
In less than 20 minutes we're going to go through:
- ⚡️Adding cypress.io setup to an existing project
- ⚡️Testing search functionality with
data-cyproperties - ⚡️Using "Cypress Driven Development" to add a new feature to an app
- ⚡️Use Cypress UI to debug an API response
- ⚡️How to use
cy.onlyandcy.skipin order for us to build our e2e test suite faster
and much more!
Instructor
Tomasz ŁakomyFrontend Engineer at Stedi, building Cloudash. His interests include React, AWS, testing, Svelte, VR, app performance and... jQuery, which he still thinks is the best library ever.
