This adds Jetpack product and plan support to the new Checkout flow for all environments except production – allowing us to test purchase flows outside of Calypso.
ref: pbOQVh-l8-p2
In order to avoid adding additional complexity, this does modify the current production Jetpack Checkout in the following ways:
- removes the dark background (and related box-shadow/border adjustments)
- shows the primary header (master) bar, with Jetpack branding and close button (with same behavior as removing items from cart)
Production Before |
Production After |
Testing |
|
|
|
To Test Composite Checkout (“Testing” from screenshots):
- with a Jetpack site (you can create a new one at jurassic.ninja), visit
/plans/
- choose a plan or product (scroll beneath the plans) to visit checkout
- verify that composite checkout loads, with the current product added to the cart
- verify that you can complete checkout
- verify that you’re redirected to the correct page (
/plans/
) with the Jetpack success modal
To test changes to existing Checkout (“Production After” from screenshots):
- with a Jetpack site (you can create a new one at jurassic.ninja), visit
/plans/
- choose a plan or product (scroll beneath the plans) to visit checkout
- force existing checkout by reloading the page with the query string:
?flags=old-checkout-force
(you might need to remove the #step2
hash)
- verify that legacy checkout loads, with the current product added to the cart
- verify that the design changes look okay
- verify that you can complete checkout
- verify that you’re redirected to the correct page (
/plans/
) with the Jetpack success modal
Unfortunately, no screenshots were provided by the developer.