https://github.com/chemyl/cypress_typescript

https://github.com/chemyl/cypress_typescript

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/chemyl/cypress_typescript
• Owner: chemyl
• Created: 2023-09-28T08:25:59.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-31T10:43:59.000Z (about 1 year ago)
• Last Synced: 2023-10-31T11:36:04.568Z (about 1 year ago)
• Language: TypeScript
• Size: 6.84 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
### Sample project to UI Automation testing with Cypress on Type Script

 

### Getting Started

* install npm on machine = **_npm install -g npm_**

* create workspace

* create package.json = **_npm init -y_**

* install cypress = **_npm install cypress_**

* install typescript = **_npm install -D typescript_**

* check package.json with **dependencies** and **dev_dependencies**

* add command to package.json scripts section

  * cypress:open": "_cypress open_",

  * "cypress:run": "_cypress run_"

* add new test file **_testsuite.cy.ts_**

* add file **_tsconfig.json_** to the root folder

* run cypress = **_npm run cypress:open_**

* select spec test-case and launch

### Covered topics 

* **_spec.cy.ts_** | CSS locators strategy and syntax

* **_options.cy.ts_** | cy.get() with options and alias

* **_sync.cy.ts_** | sync / async mode with TS and Cy commands 

* **_browser_elements.cy.ts_** | fetching element properties 

* **_drop_down_element.cy.ts_** | dropdown web elements fetching value and text

* **_contains_method.cy.ts_** | contains method for select strategy

For more information visit Cypress page

https://docs.cypress.io/guides/overview/why-cypress/