test: update given

browserstack.json

@@ -2,31 +2,27 @@
     "browsers": [
         {
             "browser": "chrome",
-            "os": "Windows 10",
+            "os": "OS X Monterey",
             "versions": ["latest"]
         },
         {
             "browser": "firefox",
             "os": "OS X Monterey",
             "versions": ["latest"]
-        },
-        {
-            "browser": "edge",
-            "os": "Windows 10",
-            "versions": ["latest"]
         }
     ],
 
     "run_settings": {
         "cypress_config_file": "./cypress.config.js",
         "npm_dependencies": {
             "@badeball/cypress-cucumber-preprocessor": "^15.1.4",
-            "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
-            "browserstack-cypress-cli": "^1.29.2",
+            "@bahmutov/cypress-esbuild-preprocessor": "2.2.0",
+            "browserstack-cypress-cli": "^1.30.0",
             "allure-commandline": "^2.27.0",
             "allure-cypress": "^2.15.1",
             "@percy/cypress": "3.1.2",
-            "cypress": "^12.15.0"
+            "cypress": "12.15.0",
+            "esbuild": "0.17.10"
           },
         "cypress_version": "10",
         "project_name": "muon-regression",
@@ -36,13 +32,15 @@
               "nonGlobalStepDefinitions": true
             }
           },
+          "spec_timeout": 5,
           "parallels": "4",
-          "exclude": ["packages/*","allure-results/*"]
+          "exclude": []
     },
     "connection_settings": {
         "local": true,
         "local_mode": "always-on",
         "local_identifier": "CypressLocalConnection"
     },
-    "disable_usage_reporting": false
+    "disable_usage_reporting": false,
+    "key": "auth"
 }

cucumber-messages.ndjson

@@ -0,0 +1,2 @@
+{"testRunStarted":{"timestamp":{"seconds":1722208183,"nanos":640000000}}}
+{"testRunFinished":{"timestamp":{"seconds":1722208236,"nanos":504000000}}}

cypress/e2e/component_tests/muon_cta/muon_cta.js

@@ -1,6 +1,10 @@
 
-import {Then} from '@badeball/cypress-cucumber-preprocessor';
+import {Given, Then} from '@badeball/cypress-cucumber-preprocessor';
 
+Given('Launch the {string} component {string} type in the browser', (component, type) => {
+  cy.launchComponent(component, type);
+  cy.wait(3000)
+});
 
 Then('Validate the elements and attributes in the {string} component', (type) => {
 

cypress/e2e/component_tests/muon_detail/muon_detail.js

@@ -2,6 +2,11 @@
 import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 
 
+Given('Launch the {string} component {string} type in the browser', (component, type) => {
+  cy.launchComponent(component, type);
+  cy.wait(3000)
+});
+
 When('User clicks to expand the detail', () => {
   cy.get('muon-detail').find('div[slot="heading"]').click();
 });

cypress/e2e/component_tests/muon_icon/muon_icon.js

@@ -1,6 +1,11 @@
 /* eslint-disable no-undef */
 import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 
+Given('Launch the {string} component {string} type in the browser', (component, type) => {
+  cy.launchComponent(component, type);
+  cy.wait(3000)
+});
+
 
 Then('Validate the svg element', () => {
   cy.get('muon-icon')

cypress/e2e/component_tests/muon_image/muon_image.js

@@ -4,6 +4,12 @@
 import { Given, Then } from '@badeball/cypress-cucumber-preprocessor';
 import {imageElement} from '../../../support/web_elements';
 
+
+Given('Launch the {string} component {string} type in the browser', (component, type) => {
+  cy.launchComponent(component, type);
+  cy.wait(3000)
+});
+
 Then('Validate the image src and elements in {string} type', (type) => {
 
   const placeholder = '(src).thumb.48.48.png';

cypress/e2e/component_tests/muon_inputter/muon_inputter.js

@@ -4,6 +4,12 @@ import { Given, When, Then } from '@badeball/cypress-cucumber-preprocessor';
 import {inputElement} from '../../../support/web_elements';
 
 
+Given('Launch the {string} component {string} type in the browser', (component, type) => {
+  cy.launchComponent(component, type);
+  cy.wait(3000)
+});
+
+
 When('User enter the input', () => {
   cy.clearInput();
   cy.enterValue('Cypress test');