adds local test and xml reports

Author: Abhi Singh

.gitignore

@@ -2,7 +2,6 @@ node_modules
 screenshots
 videos
 downloads
-mochawesome-report
 report
 log
 *.log

README.md

@@ -4,7 +4,7 @@
 
 Cypress is a next generation front end testing tool built for the modern web. Cucumber is a software tool that supports behavior-driven development (BDD).
 
-This BrowserStack Example repository demonstrates a Cypress framework with parallel testing capabilities. The Cypress test scripts are written for the open source [BrowserStack Demo web application](https://bstackdemo.com) ([Github](https://github.com/browserstack/browserstack-demo-app)). This BrowserStack Demo App is an e-commerce web application which showcases multiple real-world user scenarios. The app is bundled with offers data, orders data and products data that contains everything you need to start using the app and run tests out-of-the-box.
+This BrowserStack Example repository demonstrates a Cypress framework with parallel testing capabilities. The Cypress test scripts are written for the open source [BrowserStack Demo web application](https://bstackdemo.com) ([Github](https://github.com/browserstack/browserstack-demo-app)).
 
 The Cypress tests are run on different platforms like on-prem and BrowserStack using various run configurations and test capabilities.
 
@@ -18,18 +18,11 @@ You need BrowserStack credentials to be able to run Cypress tests. You have to r
 
 1. Clone this repository
 2. Install the dependencies using `npm install`
-3. Run the sample script using `npm run bstack`
+3. Run the sample script using `npm run sample-test`
 
 ## Run sample test on privately hosted websites
 
-1. Clone the [BrowserStack demo application](https://github.com/browserstack/browserstack-demo-app) repository.
-
-```sh
-git clone https://github.com/browserstack/browserstack-demo-app
-```
-
-2. Please follow the README.md on the BrowserStack demo application repository to install and start the dev server on localhost.
-3. You can then run the sample Local test using `npm run bstack-local`
+Run the sample Local test using `npm run sample-local-test`
 
 ## Additional Resources
 

run_conf/browserstack.json renamed to browserstack.json

@@ -7,26 +7,26 @@
     {
       "browser": "chrome",
       "os": "Windows 10",
-      "versions": ["latest", "latest-1"]
+      "versions": ["latest"]
     },
     {
-      "browser": "edge",
-      "os": "Windows 10",
-      "versions": ["latest", "latest-1"]
+      "browser": "webkit",
+      "os": "OS X Ventura",
+      "versions": ["latest"]
     },
     {
       "browser": "firefox",
-      "os": "OS X Mojave",
-      "versions": ["latest", "latest-1"]
+      "os": "OS X Big Sur",
+      "versions": ["latest"]
     }
   ],
   "run_settings": {
-    "downloads": ["./mochawesome-report"],
     "cypress_config_file": "./cypress.config.js",
     "project_name": "BrowserStack Examples",
-    "build_name": "cucumber-js-cypress-cucumber",
+    "build_name": "browserstack-build-1",
+    "downloads": ["./results"],
     "exclude": [],
-    "parallels": "5",
+    "parallels": "3",
     "npm_dependencies": {
       "browserstack-cypress-cli": "^1.19.3",
       "cypress": "^12.5.1",
@@ -42,7 +42,7 @@
     "headless": true
   },
   "connection_settings": {
-    "local": false,
+    "local": true,
     "local_identifier": null,
     "local_mode": null,
     "local_config_file": null

cypress.config.js

@@ -3,14 +3,18 @@ const cucumber = require("cypress-cucumber-preprocessor").default;
 
 module.exports = defineConfig({
   watchForFileChanges: true,
-  reporter: "mochawesome",
+  experimentalWebKitSupport: true,
+  reporter: "junit",
+  reporterOptions: {
+    mochaFile: "results/test-results-[hash].xml",
+  },
 
   e2e: {
     setupNodeEvents(on, config) {
       on("file:preprocessor", cucumber());
     },
-    specPattern: "**/*.feature",
-    baseUrl: "https://bstackdemo.com/",
+    specPattern: "**/e2e.feature",
+    baseUrl: "https://bstackdemo.com/signin",
     excludeSpecPattern: ["*.js"],
   },
 });

cypress/e2e/local.feature

@@ -0,0 +1,6 @@
+Feature: Local Feature
+
+  @local
+  Scenario: Local Scenario
+    Given I navigate to local website
+    Then I should see sample local page

cypress/support/step_definitions/e2e.spec.js

@@ -11,7 +11,7 @@ const purchase = new Purchase();
 const orders = new Orders();
 
 Given("I navigate to website", () => {
-  cy.visit(Cypress.config().baseUrl + "signin");
+  cy.visit(Cypress.config().baseUrl);
 });
 
 And("I SignIn as {string} with {string} password", (username, password) => {

cypress/support/step_definitions/local.spec.js

@@ -0,0 +1,9 @@
+const { Given, Then } = require("cypress-cucumber-preprocessor/steps");
+
+Given("I navigate to local website", () => {
+  cy.visit(Cypress.config().baseUrl);
+});
+
+Then("I should see sample local page", () => {
+  cy.title().should("equal", "BrowserStack Local Website");
+});

cypress_local.config.js

@@ -3,14 +3,18 @@ const cucumber = require("cypress-cucumber-preprocessor").default;
 
 module.exports = defineConfig({
   watchForFileChanges: true,
-  reporter: "mochawesome",
+  experimentalWebKitSupport: true,
+  reporter: "junit",
+  reporterOptions: {
+    mochaFile: "results/test-results-[hash].xml",
+  },
 
   e2e: {
     setupNodeEvents(on, config) {
       on("file:preprocessor", cucumber());
     },
-    specPattern: "**/*.feature",
-    baseUrl: "http://localhost:3000/",
+    specPattern: "**/local.feature",
+    baseUrl: "http://localhost:8081/",
     excludeSpecPattern: ["*.js"],
   },
 });

index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>BrowserStack Local Website</title>
+  </head>
+  <body>
+    <h1>Sample Website</h1>
+  </body>
+</html>