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.

Express checkouts settings.

1. In WC Stripe Dev, enable UPE redesign.
2. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe.

• a. Enable or Disable express checkouts
• b. Change the Show express checkouts on options.
• c. Save changes

3. In WC Stripe Dev, disable UPE redesign.
4. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe verify that Payment Request Buttons and Payment Request Button Locations have the options saved in step 2.

Customize Express checkout appearance.

1. In WC Stripe Dev, enable UPE redesign.
2. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe click Customize appearance.
3. Change the selected option for:

• a. Call to action
• b. Appearance
• c. Theme
• d. Save changes

3. In WC Stripe Dev, disable UPE redesign.
4. Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe verify that Payment Request Button Type, Payment Request Button Size and Payment Request Button Theme match the options saved in step 2.