On this project, we will try add sample script to validate scenarios on this page - https://stripe-samples.github.io/github-pages-stripe-checkout/

Instructions

• Clone this repo: https://github.com/alexanderalipoyo/cypress-mochawesome-reporter
• Install cypress on your local machine : get it here - https://www.cypress.io/
• Install the ff dependencies from https://www.npmjs.com/
  • "@cypress/browserify-preprocessor": "^3.0.2",
  • "cypress-iframe": "^1.0.1",
  • "cypress-multi-reporters": "^1.6.3",
  • "cypress-xpath": "^2.0.1",
  • "dayjs": "^1.11.7",
  • "faker": "^5.5.3",
  • "mochawesome": "^7.1.3",
  • "mochawesome-merge": "^4.3.0",
  • "mochawesome-report-generator": "^6.2.0",
  • "typescript": "^4.9.5"

• Run script "open_view_mode_production" inside the package.json to open view mode

• Select any available browsers and click start e2e

• click "one-time-donation.ts" under e2e

Test results of the automated test suites

• Headless Mode

• View Mode

• HTML Report (you can view the html report under reports>mochareports>report.html)
• Github Page https://alexanderalipoyo.github.io/cypress-mochawesome-reporter/
• Please play the sample video during execution with headless and view mode

Sample Test Plan

https://docs.google.com/spreadsheets/d/1c6xQ2L0qc2I_90SmEWZmLGfjSDy9XNuIfzzLmj3E67A/edit#gid=1728712143