cypress-test-techniques icon indicating copy to clipboard operation
cypress-test-techniques copied to clipboard

Cypress Behaviour Driven Development (BDD)-based Gherkin scripts and the Cypress Cucumber preprocessor, which can improve test scenario coverage.

AUTOMATED SOFTWARE TESTING WITH CYPRESS

:octocat: An open-source, fully built Cypress Framework in page object model with visual regression, lighthouse code audit, accessibility tests, mobile view port compatibility tests, browserstack, jenkins,docker configuration :evergreen_tree:

Video Guide

CypressIOFramework

:rocket: Global reach of CypressIO sessions through Teachable. video showing international reach of udemy courses

Book

CypressIOBook

CypressIO CheatSheet

Latest CypressIO CheatSheet

CypressIO Basics as Slides

CypressIO Basics CypressIO Architecture CypressIO Docker

Pre-requisite Tools

  1. Node version 12 or above
  2. Visual Studio Code or IntelliJ or WebstormIDE or any valid IDE

Quickstart

It takes just 5 minutes to setup cypress framework πŸš€

  1. npm install
  2. npm link
  3. npm link cypress-cucumber-preprocessor
  4. npm install through

set host/ baseurl

  1. go to cypress.json file
  2. set baseurl

Dashboard execution

  1. Go to project root,
  2. npx cypress open
  3. click specific feature file [executionwillstart]

cmmd line Execution

  1. npm run test:mochawesomereport
  2. npm run test:allurereport
  3. npm run generatereport

LambdaTest Cross Browser Tests

  1. npm i -g lambdatest-cypress-cli
  2. lambdatest-cypress init
  3. lambdatest-cypress run

Detailed Video: LambdaTest Integration with Cypress Framework

Visual Test

  1. npm run test:visual-base
  2. npm run test:visual-actual
  3. Snapshots will be generated in 'snapshots' folder

Reports

  1. Reports will be generated in 'mochawesomereport-report' folder - command line execution only

    ex: npm run test:mochawesomereport

  2. Allure reports: a. npm run test:allurereport b. npm run generatereport

BrowserStack Integration Steps

  1. Installation in repository: npm install -g browserstack-cypress-cli
  2. Create Json file of browserstack through: browserstack-cypress init
  3. Update the browserstack.json using standard configurations. (Example:https://www.browserstack.com/docs/automate/cypress)
  4. Run the tests in browserstack: browserstack-cypress run

How Tests Are Executed?-Watch from Youtube Playlist

Youtube Playlist

Credits

  1. Samuel Anthony Custer for cypress-axe,
  2. Vinayak Titti for cypress-boilerplate,
  3. abramenal for cypress-file-upload,
  4. Ben Kucera for cypress-plugin-tab,
  5. Gleb Bahmutov for cypress-xpath,
  6. Michael Herman for cypress-visual-regression,
  7. Jack Cross for cypress-image-snapshot,
  8. Lukasz Gandecki for cypress-cucumber-preprocessor.

Watch Latest Meetup Session

Latest CypressIO Meetup

International Webinar - Book Slots

Scalable and Reliable Cross Browser Testing With Cypress Framework. πŸš€

Download Slides from Slideshare

Most Famous Cypress Automated Tests for Developers and Testers

:tada: Learn ISTQB Test Automation Engineering along with CypressIO: ISTQB Advanced Test Automation Engineering Training

⚑Don't forget to click on 'Watch' and 'Star' on top right hand side of github repository to get latest updates and features