Release testing instructions for the WooCommerce Stripe payment gateway 5.8.0

Make sure Cart Block updates are applied to the Payment Request

Note: This test requires that you have the WooCommerce Blocks extension installed on your store.

1. Add a product to your cart.
2. Go to the page containing the Cart Block.
3. Click the Payment Request Button (Apple Pay/Google Pay/Chrome Payment Request).
4. Note the list of items and the total.
5. Click Cancel to cancel the payment.
6. Change the number of items in the cart.
7. Click the Payment Request Button again.
8. Make sure the list of items and the total have been updated.

Make sure Payment Requests can be cancelled multiple times in the Cart Block

Note: This test requires that you have the WooCommerce Blocks extension installed on your store.

1. Add a product to your cart.
2. Go to the page containing the Cart Block.
3. Click the Payment Request Button (Apple Pay/Google Pay/Chrome Payment Request).
4. Click Cancel to cancel the payment.
5. Click the Payment Request Button again.
6. Click Cancel to cancel the payment.
7. Change the number of items in the cart.
8. Click the Payment Request Button again.
9. Click Cancel to cancel the payment.
10. Click the Payment Request Button again.
11. Click Cancel to cancel the payment.
12. Make sure you can interact with the Payment Request Button (i.e. button is clickable, and not greyed out).
13. Change the number of items in the cart.
14. Again, make sure the Payment Request Button is still active (i.e. button is clickable, and not greyed out).

Pre-orders

Note: The tests below require WooCommerce Pre-Orders. Make sure you have it installed and active.

Note: Pre-orders is currently not compatible with the blocks checkout.

Note: For SEPA payments, make sure you follow these steps in order to listen for webhooks, etc.

Make sure you can pay with a saved card after failing 3DS authentication when using UPE

Note: UPE must be enabled.

1. Save 4000000000003220 as a payment method to your account
2. Add any product to your cart and go to the checkout page
3. Checkout with the saved 4000000000003220 card
4. Fail the 3DS authentication
5. Checkout again with the same card
6. Complete the 3DS auth successfully
7. Go to WooCommerce > Orders
8. Make sure the payment was successful (order status should be Processing or Completed).
9. Go to your Stripe dashboard
10. Note that the payment has a status of Succeeded

Pre-orders with charge upon release.

1. Create a pre-order product with charge upon release:

• a. As a merchant, navigate to Products > Add new.
• b. Set the product title to: "Pre-order product with charge upon release".
• c. Under product data, add a regular price of 10.
• d. Select pre-orders.
• e. Check "Enable pre-orders for this product".
• f. Set an availability time in the future.
• g. Select when to charge: "Upon release".
• h. Click "Publish".

2. Paying with "new checkout experience" disabled:

• a. As a merchant, make sure "new checkout experience" is disabled under WooCommerce > Settings > Payments > Stripe.
• b. As a shopper, add the pre-order product to the cart and proceed to checkout.
• c. Pay with a new credit card.
• d. Make sure the order details page has a description at the top saying that you will be automatically charged for your order.
• e. As a merchant, navigate to WooCommerce > Pre-Orders.
• f. Select the recently purchased pre-order, go to Bulk Actions > Complete > Apply.
• g. Make sure the pre-order icon is changed to blue "Completed", and that the related order is "Processing".
• h. Please repeat the steps a-g with a saved credit card, and then with SEPA.

3. Paying with "new checkout experience" enabled:

• a. As a merchant, make sure "new checkout experience" is enabled under WooCommerce > Settings > Payments > Stripe.
• b. Repeat steps b-h from step 2.

Pre-orders with charge upfront.

1. Create a pre-order product with charge upfront:

• a. As a merchant, navigate to Products > Add new.
• b. Set the product title to: "Pre-order product with charge upfront".
• c. Under product data, add a regular price of 10.
• d. Select pre-orders.
• e. Check "Enable pre-orders for this product".
• f. Set an availability time in the future.
• g. Select when to charge: "Upfront".
• h. Click "Publish".

2. Paying with "new checkout experience" disabled:

• a. As a merchant, make sure "new checkout experience" is disabled under WooCommerce > Settings > Payments > Stripe.
• b. As a shopper, add the pre-order product to the cart and proceed to checkout.
• c. Pay with a new credit card.
• d. Make sure the order details page has a description at the top saying that your order has been received, and no mentions of automatic payments in a future date.
• e. As a merchant, navigate to WooCommerce > Orders and make sure recently created order has a status of "Pre-ordered", and the order amount has already been charged.
• f. As a merchant, navigate to WooCommerce > Pre-Orders.
• g. Select the recently purchased pre-order, go to Bulk Actions > Complete > Apply.
• h. Make sure the pre-order icon is changed to blue "Completed", and that the related order is "Processing".
• i. Please repeat the steps a-h with a saved credit card, and then with SEPA.

3. Paying with "new checkout experience" enabled:

• a. As a merchant, make sure "new checkout experience" is enabled under WooCommerce > Settings > Payments > Stripe.
• b. Repeat steps b-i from step 2 also with Bancontact and iDEAL.

New Settings UX

Note: The WC Stripe Dev tools is required to enable/disable the new Settings user interfase.

Edit Stripe account keys

1. In WC Stripe Dev, enable UPE redesign.
2. Under "General" in WooCommerce > Settings > Payments > Stripe > Settings.
   1. Click the Edit Account Keys button .
   2. Check that the modal popup to edit the keys is displayed, and that you can switch between Test & Live mode; the keys shown there should be loaded from your saved Stripe keys.
   3. Click Save test keys, you should receive a success toast notification.
3. Under "Account details" in WooCommerce > Settings > Payments > Stripe > Settings.
   1. Click the 3 dots icon in the top right of the card and select Edit Account Keys in the drop-down menu.
   2. Check that the modal popup to edit the keys is displayed, and that you can switch between Test & Live mode.
   3. Click Save test keys, you should receive a success toast notification.

Edit Payments & transactions settings

1. In WC Stripe Dev, enable UPE redesign.
2. Under "Payments & transactions" in WooCommerce > Settings > Payments > Stripe > Settings.
   1. Change the option Enable payments via saved cards.
   2. Change the option Enable separate credit card form.
   3. Change the option Issue an authorization on checkout, and capture later.
   4. Change the text of Full bank statement.
   5. Save changes (you should receive a success toast notification).
   6. Keep this tab open to verify the values later.
3. In another tab, go to WC Stripe Dev, and disable UPE redesign.
4. Under "Payments & transactions" in WooCommerce > Settings > Payments > Stripe > Settings.
   1. Verify that Enable Payment via Saved Cards matches the value of Enable payments via saved cards from Step 2.i.
   2. Verify that Inline Credit Card Form has the opposite value of Enable separate credit card form from Step 2.ii.
   3. Verify that Capture charge immediately has the opposite value of Issue an authorization on checkout, and capture later from Step 2.iii.
   4. Verify that Statement Descriptor matches the value of Full bank statement from Step 2.iv.

Express checkouts settings.

1. In WC Stripe Dev, enable UPE redesign.
2. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe > Payment Methods.
   1. Change the value of Enable express checkouts.
   2. Change the selected options of Show express checkouts on.
   3. Save changes
   4. Keep this tab open to verify the values later.
3. In another tab, go to WC Stripe Dev, and disable UPE redesign.
4. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe.
   1. Verify that Enable Payment Request Buttons. (Apple Pay/Google Pay) matches the value of Enable express checkouts form Step 2.i.
   2. Verify that Payment Request Button Locations have the options saved in Show express checkouts on from Step 2.ii.

Customize Express checkout appearance.

1. In WC Stripe Dev, enable UPE redesign.
2. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe > Payment Methods, click the Customize appearance button.
3. Change the selected options for:
   1. Call to action
   2. Appearance
   3. Theme
   4. Save changes
   5. Keep this tab open to verify the values later.
4. In another tab, go to WC Stripe Dev, and disable UPE redesign.
5. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe.
   1. Verify that Payment Request Button Type matches the value saved in Call to action from Step 3.i.
   2. Verify that Payment Request Button Size matches the value saved in Appearance from Step 3.ii.
   3. Verify that Payment Request Button Theme matches the value saved in Theme from Step 3.iii.