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

Enable intelligent code completion for cypress tests in VSCode

Cypress
VS Code

Share this video with your friends

Even though cypress has a well-designed API, we're not going to remember every single command.

In this quick lesson we're going to learn how to enable intelligent code completion for cypress tests in VSCode so our editor will help us write e2e tests much quicker

Enable intelligent code completion for cypress tests in VSCode

Share this video with your friends

Course

Add e2e tests with cypress to a React application