joanesquivel / cypress-cucumber-boilerplate

Cypress.IO Project using Javascript and Cucumber to start automating E2E tests just cloning it and installing dependencies.

cypress-cucumber-boilerplate-for-e2e-testing

Cypress 10+ with Cucumber boilerplate project.

💻 Topics

Integrated with:

• https://github.com/badeball/cypress-cucumber-preprocessor
• https://github.com/bahmutov/cypress-esbuild-preprocessor
• https://www.npmjs.com/package/multiple-cucumber-html-reporter
• https://github.com/cucumber/json-formatter
• https://github.com/Shelex/cypress-allure-plugin

(+ bundlers: https://github.com/badeball/cypress-cucumber-preprocessor/tree/master/examples)

• 💻 Pre-requisites

1. Node JS
2. Optional: Java 8 for Allure Reporter
3. Optional: Json-formatter for Native Reporter option(depends on your OS: https://github.com/cucumber/json-formatter)

🚀 Install the project

Install project dependencies with: npm i

Run the demo:

1. Standard Execution: npm run cypress:execution
2. Native report(with JSON FORMATTER): Check how to do it in this video: Cucumber BDD Report - YouTube
3. Allure Report:
   1. npm run cypress:execution-allure
   2. npm run allure:report
   3. allure open
   4. You'll get a report like this one: GitHub Page - Allure Report Sample: https://joanesquivel.github.io/cypress-cucumber-boilerplate/

Sample repo to generate an allure report as an artifact using GH Actions

• https://github.com/SeyiOG/newCyLearn2/blob/main/.github/workflows/cypress-allure-report.yml

cypress-cucumber-boilerplate's Issues

Generate cucumber html report

Can you share command to generate cucumber output report in package json.

Run example with multiple tags

Hello @JoanEsquivel !

Thank you for providing this nice boilerplate! Is there any option to run by using the same command multiple tags? (let's say @mobile and @desktop)

I've had a look over the package.json but couldn't find any example, but only with one tag:
"cypress:execution-tags": "cypress run --env tags=@mobile",

Thanks

Getting spawn error

npm run cypress:execution
Getting error
Error: spawn Unknown system error -86 at ChildProcess.spawn (node:internal/child_process:413:11) at Object.spawn (node:child_process:743:9) at afterRunHandler (/Users/jlair3/cypress-cucumber-api/node_modules/@badeball/cypress-cucumber-preprocessor/lib/add-cucumber-preprocessor-plugin.js:88:55)
I am using node 18.
I didn't make any change yet but straight npm i and then npm run cypress:execution

Yaml / read data in our tests

Hi, JoanEsquivel , how to read yaml data in cypress cucumber framework, I need to read value of yml by node and key in my tests please help me to find solution it will be very much help full @JoanEsquivel ☺

cypress:runner is not running the login.feature test

• Given I open the Cypress Runner
• When I run the login.feature file
• Then the test does not run
• And blinks on the screen as seen in the image below

Error after mp4 created

I installed all prerequisites. Verified the standalone formatter was working properly. I get this error after the run:

(Video)

• Started processing: Compressing to 32 CRF
• Finished processing: /Users/chunter/source/Cypress10Cuke/cypress-cucumber-boiler (0 seconds)
  plate/cypress/videos/login.feature.mp4

An error was thrown in your plugins file while executing the handler for the after:run event.

The error we received was:

Error: spawn cucumber-json-formatter.exe ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
at onErrorNT (internal/child_process.js:467:16)
at processTicksAndRejections (internal/process/task_queues.js:82:21)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] cypress:execution: cypress run
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] cypress:execution script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/chunter/.npm/_logs/2022-09-10T00_04_57_720Z-debug.log

StepDefinitions configuration

Hi @JoanEsquivel , I'm trying to make configuration for my project Cypress and I'm facing some issues when trying to run the test I'm having the issue if different features have the same Given entry point massage.

How can I edit the stepDefinition inside my .cypress-cucumber-preprocessorrc.

This is my .cypress-cucumber-preprocessorrc file configuration.

{
  "json": {
    "enabled": true,
    "output": "json-logs/report.json",
    "formatter": "./jsonFormatter/cucumber-json-formatter.exe"
  },
  "messages": {
    "enabled": false,
    "output": "json-logs/messages.ndjson"
  },
  "html": {
    "enabled": false,
    "output": "cucumber-reporter.html"
  },
  "nonGlobalStepDefinitions": false,
  "stepDefinitions": ["cypress/e2e/step_definitions/**/*.{js,ts}"]
}