alejandrosejas/cypress-completecourse

The Complete Cypress 10+ Course: From Zero to Expert!

Getting Started

Prerequisites

Install Node

1. Install NodeJS on your machine
2. Inside the Project directory, run: "npm init"
3. During the init process, make sure set the 'test command' to: "cypress open"

Install TypeScript

1. Inside the Project directory, run: "npm install --save-dev typescript"

Install Cypress

1. Inside the Project directory, run: "npm install cypress --save-dev"
2. In 'package.json' file, replace the 'test' script for: "runner": "cypress open"
3. Inside the project's terminal run: "npm run runner" to open Cypress for the first time
4. Create an Empty Spec and name it "helloworld.cy.ts"
5. Create a new file called: "tsconfig.json" inside your Cypress Folder with the following: https://docs.cypress.io/guides/tooling/typescript-support#Install-TypeScript
6. Run again the helloworld test
7. In 'package.json' file, add the following to the 'runner' script: "cypress open --e2e --browser chrome"

Install 'xPath Dependency' Package

1. Run: 'npm install -D cypress-xpath'
2. In your framework support file [cypress/support/e2e.ts] add: require('cypress-xpath')
3. Add "cypress-xpath" to your 'tsconfig.json file

Install 'Cypress Real Events' Package

1. Run: 'npm i -D cypress-real-events'
2. Add the following into your cypress/support/e2e.ts file
3. ```import "cypress-real-events";```
4. Include Ts declarations, add 'cypress-real-events' to the Types section of your tsconfig.json file

Installing

A step by step series of examples that tell you how to get a development env running.

Say what the step will be

Give the example

And repeat

until finished

End with an example of getting some data out of the system or using it for a little demo.

Usage

Add notes about how to use the system.