add cucumber to playground

tests/Cypress/.cypress-cucumber-preprocessorrc.json

@@ -0,0 +1,8 @@
+{
+  "stepDefinitions": [
+    "cypress/support/steps/**/*.{js,ts}"
+  ],
+  "html": {
+    "enabled": true
+  }
+}

tests/Cypress/cypress.config.js

@@ -1,12 +1,33 @@
-const {defineConfig} = require("cypress");
+import TestRailReporter from '../../index.js';
+
+import createBundler from '@bahmutov/cypress-esbuild-preprocessor';
+import {addCucumberPreprocessorPlugin} from '@badeball/cypress-cucumber-preprocessor';
+import {createEsbuildPlugin} from '@badeball/cypress-cucumber-preprocessor/esbuild';
+import {defineConfig} from 'cypress';
+
+
+export default defineConfig({
+
+    watchForFileChanges: false,
 
-module.exports = defineConfig({
     e2e: {
-        setupNodeEvents(on, config) {
 
-            const TestRailReporter = require('../../src/../index');
+        baseUrl: 'https://www.boxblinkracer.com',
+        viewportWidth: 1500,
+        viewportHeight: 1000,
+
+        specPattern: ['cypress/e2e/**/*.feature', 'cypress/e2e/**/*.js'],
+
+        async setupNodeEvents(on, config) {
 
             new TestRailReporter(on, config).register();
+
+            await addCucumberPreprocessorPlugin(on, config);
+
+            on('file:preprocessor', createBundler({
+                plugins: [createEsbuildPlugin(config)],
+            }));
+
             return config
         },
     },

tests/Cypress/cypress/e2e/blog.feature

@@ -0,0 +1,23 @@
+Feature: Login on website
+
+  Background:
+    Given I am on the blog page
+
+  Rule: Happy Path
+
+    @smoke
+    Scenario Outline: Filter blog posts by tags
+      When I click on tag <tag>
+      Then I see the tag <title> as title
+
+      Examples:
+        | tag    | title  |
+        | DEV    | Dev    |
+        | DEVOPS | devops |
+
+
+  Rule: Edge Cases
+
+    Scenario : Filter for invalid tag
+      When I enter tag "unknown" in the URL
+      Then I must not see the blog

tests/Cypress/cypress/support/steps/blog.ts

@@ -0,0 +1,27 @@
+import {When, Then, Given, Before} from '@badeball/cypress-cucumber-preprocessor';
+
+
+Before(() => {
+    // cy.request('POST', '/api/reset')
+})
+
+Given('I am on the blog page', () => {
+    cy.visit('/blog');
+});
+
+When(/^I click on tag (.*)$/, (tagName) => {
+    cy.get('.article-tags__box > [href="/tags/?tag=' + tagName.toLowerCase() + '"]').first().click();
+});
+
+Then(/^I see the tag (.*) as title$/, (tagName) => {
+    cy.contains('h2', tagName);
+});
+
+Then('I enter tag {string} in the URL', (tagName) => {
+    cy.visit('/tags/?tag=' + tagName);
+});
+
+Then('I must not see the blog', () => {
+    cy.get('h2').should('not.exist');
+});
+