React Stripe.js Walkthrough

Getting Started

clone this repo locally by clicking on "Clone or Download"
from a terminal, cd into the project folder cd demo-react-stripe-js
checkout the getting started branch git checkout getting-started
install the dependencies npm install
start developing! npm run dev

Eventual Requirements

you will need to sign up for a Stripe account if you haven't already: stripe.com/register
you will need to add your account's secret key and publishable key to the next.config.js file

Credit Card Input Design Requirements

the behavior, look and feel of the app should match the gif exactly
text color: #fff
font size: 16px
placeholder text color: #87bbfd
invalid text color: #FFC7EE

Cypress Testing

NOTE: Web app will need to be started before running cypress tests. There is an issue opening cypress for component testing.

Open cypress: npm run cy:open
Run all cypress test: npm run cy:run
Run only api cypress tests: npm run cy:run:api
Run only smoke cypress tests: npm run cy:run:smoke
Run only regression cypress tests: npm run cy:run:regression

Web App Author: Thomas Marek