joanesquivel / cypress-cucumber-boilerplate

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

Hi, I'm Joan Esquivel!

I work as Quality Assurance Automation Specialist.
Focused on Test and Process Automation
Love to share knowledge with peers and learn something new every day.

💻 My Tech Stack

Programming Languages 🚀

🤖 My Test Automation Projects

• cypress-demo-framework - Project where I cover the basic concepts of Cypress IO & integrate different technologies like docker, browserstack, mochawesome reports, and so on.
• cypress-cucumber-framework V1-V9 - This project is a code concept of using cypress and cucumber with page object model
• cypress-cucumber-framework V10+ - This project is a code concept of using cypress and cucumber with page object model. You can clone it and start using it for your purposes.
• selenium-java-maven - Project with Selenium, TestNG, Maven, Listener, Parallelism(Thread Safe), Extent Reports.
• selenium-java-gradle - Gradle Project. Want to try Selenium 4 & TestNg.
• python-se - Selenium + Pytest project with Github Actions integration.
• Postman-Collection-Demo - Postman collections, variables, authentication, and testing.
• Webdriver.io Framework with Javascript - Webdriverio config file, page object model, allure reporter, selenium standalone service, etc.
• Webdriver.io Framework with Typescript - Webdriverio config file, page object model, allure reporter, selenium standalone service, etc.
• Playwright Framework with Python - Playwright with Async IO & Pytest.
• Testcafe Framework - Project using TestCafe + Javascript to explain how the framework works and to serve as a template for others to start implementing tests.
• WebDriver.IO + Appium - IOS & Android mobile testing integrated with Browserstack.

📝 My Udemy Courses

• Cypress-E2E-Testing- Cypress E2E Testing course using basic/understandable Javascript & Typescript code for beginners & pros, and a lot of integrations.
• Playwright + Typescript - Full framework template using lint, prettier, commit hooks, and playwright + Typescript.
• Espresso
• XCTest

📝 Language Reviews

• javascript-basics - Project where I cover the basic concepts of Javascript
• typescript-basics - Project where I cover the basic concepts of Typescript.
• Java-basics - Project where I cover the basic concepts of Java.
• Python-basics - Project where I cover the basic concepts of Python.

📝 Front End + Backend Projects

• vue-basics - Vue 3 Review: Methods, computed properties, components, assets, directives, etc.
• vue-calendar - Vue 3 Calendar
• vue-github-user-search-app
• PHP(MVC / WS) CRM - PHP with Smarty project where I learned how to create WebServices, use MVC, and manage the API requests using AJAX.
• School Software to manage students, teachers, vacations, payments, and send them by email on using VB.NET + SQL

📝 Mobile Development

• Swift-basics - Variables, data types, conditional statements, loops, arrays, dictionaries, optionals, and objects.
• Couter-App-Android - Simple android application that changes a text view adding the amount of times I click on a button.
• Android calculator - University Project - Toast, view management, UI design practice.

To connect with me

cypress-cucumber-boilerplate's Issues

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

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

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

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}"]
}

Generate cucumber html report

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

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 ☺

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