Photo by Yi Ma on Unsplash

Install Cypress and eslint-plugin-cypress

In part two of the series, first, we will learn how to install Cypress using the following command:

npm install cypress --save-dev

Next, we will learn how to run Cypress against our application by creating the following npm script:

"cy:open": "cypress open"

In addition, we will also install and configure the eslint-plugin-cypress plugin to enforce best practices while using Cypress:

npm install eslint-plugin-cypress --save-dev

The following video illustrates the entire process:

Part 3: Configure Cypress.json File

The final source code can be found here