Cypress Sample

Cypress automation framework skeleton with Typescript.

CYPRESS-SAMPLE
├───cypress
│   ├───downloads
│   ├───fixtures
│   ├───e2e
│   ├───pages
│   ├───plugins
│   ├───screenshots
│   ├───support
│   └───videos
└───node_modules

Local Setup:

1. Install Microsoft Visual Studio Code IDE. Ignore this if already installed.
2. Install Nodejs on your system. Ignore this if already installed.
3. Install Git on your system. Ignore this if already installed.
4. git clone https://github.com/VikashChauhan51/cypress-sample.git or download master branch zip and extract code.
5. Open project folder with VSCode.
6. Run npm install command to restore all packages.
7. Run npm run cypress:test command to run test.

New Setup:

1. Install Microsoft Visual Studio Code IDE. Ignore this if already installed.
2. Install Nodejs on your system. Ignore this if already installed.
3. Install Git on your system. Ignore this if already installed.
4. Open project folder with VSCode.
5. Run npm init -y command to initilized project.
6. Run npm install cypress --save-dev command to install cypress.
7. Run npm install typescript --save-dev command to install typescript.
8. Run npx tsc --init --types cypress --lib dom,es6 command to configure typescript.
9. Run npx cypress open command to run test.

References:

• Cypress Overview.
• Cypress Typescript Support.
• Cypress Configuration
• Writing and Organizing Tests
• Cypress with TypeScript.