poovaraj/cypress-cucumber-boilerplate

Cypress-Cucumber: Functional + Visual Tests

Cypress with Cucumber BDD and AWS Amplify Console - CI/CD Pipeline

Dependencies:

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

Set host/ baseurl

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

Folder structure

Dashboard execution[Test runner]:

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

Cmmd line execution using npm scripts:

mochawesome report execution

1. npm run test:mochawesomereport

allure report execution

1. npm run test:allurereport
2. npm run report

Cucumber-HTML report execution

1. npm run test:htmlreport
2. node ./index.js

Visual Test:

We can cover visual testing with cypress using cypress-image-snapshot node_module

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 report

Reference

• Detailed Article

Allure Reports:

Cucumber HTML Reports: