https://github.com/vikashchauhan51/cypress-sample
Cypress automation framework skeleton with Typescript.
https://github.com/vikashchauhan51/cypress-sample
automation automation-framework cypress cypress-example cypress-io cypress-tests cypress-typescript typescript
Last synced: about 1 year ago
JSON representation
Cypress automation framework skeleton with Typescript.
- Host: GitHub
- URL: https://github.com/vikashchauhan51/cypress-sample
- Owner: VikashChauhan51
- Created: 2022-04-24T06:48:29.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-06-03T16:36:54.000Z (about 3 years ago)
- Last Synced: 2025-04-12T00:13:13.173Z (about 1 year ago)
- Topics: automation, automation-framework, cypress, cypress-example, cypress-io, cypress-tests, cypress-typescript, typescript
- Language: TypeScript
- Homepage:
- Size: 39.1 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://code.visualstudio.com). Ignore this if already installed.
3. Install [Nodejs](https://nodejs.org/) on your system. Ignore this if already installed.
4. Install [Git](https://git-scm.com/download/) on your system. Ignore this if already installed.
5. ```git clone https://github.com/VikashChauhan51/cypress-sample.git``` or download `master` branch zip and extract code.
6. Open project folder with VSCode.
7. Run `npm install` command to restore all packages.
8. Run `npm run cypress:test` command to run test.
## New Setup:
1. Install [Microsoft Visual Studio Code IDE](https://code.visualstudio.com). Ignore this if already installed.
3. Install [Nodejs](https://nodejs.org/) on your system. Ignore this if already installed.
4. Install [Git](https://git-scm.com/download/) on your system. Ignore this if already installed.
5. Open project folder with VSCode.
6. Run `npm init -y` command to initilized project.
7. Run `npm install cypress --save-dev` command to install cypress.
8. Run `npm install typescript --save-dev` command to install typescript.
9. Run `npx tsc --init --types cypress --lib dom,es6` command to configure typescript.
10. Run `npx cypress open` command to run test.
## References:
- [Cypress Overview](https://docs.cypress.io/guides/overview/why-cypress).
- [Cypress Typescript Support](https://docs.cypress.io/guides/tooling/typescript-support).
- [Cypress Configuration](https://docs.cypress.io/guides/references/configuration)
- [Writing and Organizing Tests](https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests)
- [Cypress with TypeScript](https://www.youtube.com/watch?v=1nuPwejrnJc).