1
Adding cypress to an existing project in order to start writing e2e tests
2m 35s
2
Write a basic cypress test to ensure that the app is not entirely broken
1m 51s
3
Enable intelligent code completion for cypress tests in VSCode
44s
4
Use data-cy property to select elements in cypress tests to write more resilient e2e tests
1m 55s
5
Add a beforeEach function to cypress tests to avoid copying and pasting needless code
34s
6
Test a search input in an e2e test with cypress
2m 6s
7
Use "Cypress Driven Development" in order to add a feature to a React app
2m 23s
8
Use cypress UI in order to debug an API response
50s
9
Use cy.server() and cy.route() to control API response in a cypress test
2m 10s
10
Use cy.only in order to run only a single test in a cypress test suite
44s
11
Use cy.skip in order to skip a test in a cypress suite
38s
12
Change a viewport width and height in a cypress test
1m 49s

Adding cypress to an existing project in order to start writing e2e tests

Cypress

Share this video with your friends

Joining a new project is always quite a challenge, how do we contribute to a new codebase without breaking things?

At some point in project's live, adding e2e (end-to-end) tests becomes a life-saver.

In this lesson we're going to learn how to install cypress and add it to a pre-existing project so we may start covering the codebase with automated e2e tests.

Link to the project: https://github.com/ahfarmer/emoji-search

Adding cypress to an existing project in order to start writing e2e tests

Share this video with your friends

Course

Add e2e tests with cypress to a React application