https://github.com/desmondsanctity/cypress-test-framework

A boilerplate for setting up Cypress test framework with Circle CI for CI/CD in a Typescript project.
https://github.com/desmondsanctity/cypress-test-framework

cicd circleci cypress test-automation typescript

Last synced: about 1 month ago
JSON representation

A boilerplate for setting up Cypress test framework with Circle CI for CI/CD in a Typescript project.

• Host: GitHub
• URL: https://github.com/desmondsanctity/cypress-test-framework
• Owner: DesmondSanctity
• Created: 2022-07-18T10:43:40.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-13T11:51:49.000Z (over 2 years ago)
• Last Synced: 2024-11-06T19:53:32.295Z (3 months ago)
• Topics: cicd, circleci, cypress, test-automation, typescript
• Language: TypeScript
• Homepage:
• Size: 41 KB
• Stars: 0
• 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

│   ├───integration

│   ├───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/DesmondSanctity/cypress-test-framework.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 with TypeScript](https://www.youtube.com/watch?v=1nuPwejrnJc).