Skip to content

Release testing instructions for the WooCommerce Stripe payment gateway 5.6.0

David Stone edited this page Sep 22, 2021 · 19 revisions

How to test the Universal Payment Element (UPE)

Test activating UPE enables the correct payment methods.

  1. Go to WooCommerce -> Settings -> Payments
  2. Note which Stripe payment gateways are enabled.
  3. Click Manage next to the main Stripe Gateway.
  4. Check Try the new payment experience.
  5. Click Save Changes at bottom of the page.
  6. When page reloads check that the enabled payments methods at the bottom of the page match the same stripe payment gateways which were enabled before UPE was enabled, except Multibanco and Allipay which are not supported by UPE.
  7. Toggle a few payment methods.
  8. Disable UPE be un-checking Try the new payment experience.
  9. View which gateways are enabled on the main WooCommerce -> Settings -> Payments page. They should match what was enabled in the UPE settings.

Test Checking out with UPE

  1. Go to WooCommerce -> Settings -> Payments -> Stripe
  2. Check Try the new payment experience.
  3. Click Save Changes at bottom of the page.
  4. Enable all payment methods. Card, SEPA, Bancontact, Sofort, Giropay, EPS, iDeal, P24.
  5. Add product to cart and go to checkout.
  6. Select Card. Enter test CC #.
  7. Repeat for each payment method.

Test Checking out with Saved Payment method.

  1. Go to WooCommerce -> Settings -> Payments -> Stripe
  2. Check Try the new payment experience.
  3. Check Enable Payment via Saved Cards.
  4. Click Save Changes at bottom of the page.
  5. Enable payment methods which support saving for use later: Card, SEPA, Bancontact, Sofort, iDeal
  6. Add Product to cart and checkout with Card. Check Save payment information to my account for future purchases.
  7. Add a product to card again and checkout choosing saved payment method.
  8. Repeat for SEPA, Bancontact, Sofort and iDeal.

Test adding a new Saved Payment method on the account page.

  1. Go to WooCommerce -> Settings -> Payments -> Stripe
  2. Check Try the new payment experience.
  3. Check Enable Payment via Saved Cards.
  4. Click Save Changes at bottom of the page.
  5. Login with customer account.
  6. Go to My Account -> Payment Methods, click on Add Payment Method.
  7. Add a Credit card with a test CC #.
  8. Click Make default on the new payment method.
  9. Attempt to checkout with the new method.
  10. It should work
  11. Repeat for SEPA, Bancontact, Sofort and iDeal.

Test paying for an existing order on the order page.

  1. Create an new order in WooCommerce Backend. Set status to pending payment and add a product to the order.
  2. Click Customer payment page →
  3. Make payment with each UPE payment method.
  4. Order should transition to the processing status.

Test UPE element reasonable matches current theme

Install and activate several WordPress theme and check:

  • Css rules are read from the theme and passed to the UPE iFrame.
  • The selected payment method in the UPE should have the same color as the place order button
  • The text inputs in the UPE element should have the same background and border colors as the rest of the inputs on the page

Test UPE works with subscriptions

Clone this wiki locally