-
Notifications
You must be signed in to change notification settings - Fork 207
Release testing instructions for the WooCommerce Stripe payment gateway 5.8.0
Note: The test should be performed with UPE enabled and disabled, and on the Shortcode cart page.
- Open the Network tab of your browser's developer tools.
- Open any product details page.
- Notice that we load scripts from
js.stripe.com
(filter/search the network tab forjs.stripe.com
). - Add a product to your cart and go to your store's cart page (make sure the page is using the Shortcode cart, not the Blocks cart).
- Notice that we load scripts from
js.stripe.com
. - Make sure PRBs are only present on the Checkout page by changing the settings in WooCommerce > Settings > Payments > Stripe.
- Open any product details page.
- Make sure we still load scripts from
js.stripe.com
. - Add a product to your cart and go to your store's cart page.
- Make sure we still load scripts from
js.stripe.com
. - Use the Code Snippets plugin to add the following filters:
add_filter( 'wc_stripe_load_scripts_on_product_page_when_prbs_disabled', '__return_false' );
add_filter( 'wc_stripe_load_scripts_on_cart_page_when_prbs_disabled', '__return_false' );
- Open any product details page.
- Make sure no scripts are loaded from
js.stripe.com
- Add a product to your cart and go to your store's cart page.
- Make sure no scripts are loaded from
js.stripe.com
Note: This test requires that you have the WooCommerce Blocks extension installed on your store.
- Add a product to your cart.
- Go to the page containing the Cart Block.
- Click the Payment Request Button (Apple Pay/Google Pay/Chrome Payment Request).
- Note the list of items and the total.
- Click Cancel to cancel the payment.
- Change the number of items in the cart.
- Click the Payment Request Button again.
- Make sure the list of items and the total have been updated.
Note: This test requires that you have the WooCommerce Blocks extension installed on your store.
- Add a product to your cart.
- Go to the page containing the Cart Block.
- Click the Payment Request Button (Apple Pay/Google Pay/Chrome Payment Request).
- Click Cancel to cancel the payment.
- Click the Payment Request Button again.
- Click Cancel to cancel the payment.
- Change the number of items in the cart.
- Click the Payment Request Button again.
- Click Cancel to cancel the payment.
- Click the Payment Request Button again.
- Click Cancel to cancel the payment.
- Make sure you can interact with the Payment Request Button (i.e. button is clickable, and not greyed out).
- Change the number of items in the cart.
- Again, make sure the Payment Request Button is still active (i.e. button is clickable, and not greyed out).
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.
Note: UPE must be enabled.
- Save
4000000000003220
as a payment method to your account - Add any product to your cart and go to the checkout page
- Checkout with the saved
4000000000003220
card - Fail the 3DS authentication
- Checkout again with the same card
- Complete the 3DS auth successfully
- Go to WooCommerce > Orders
- Make sure the payment was successful (order status should be Processing or Completed).
- Go to your Stripe dashboard
- Note that the payment has a status of Succeeded
- 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".
- 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.
- 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.
- 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".
- 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.
- 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.
Note: The WC Stripe Dev tools is required to
enable/disable
the new Settings user interfase.
- In WC Stripe Dev, enable
UPE redesign
. - Under "General" in WooCommerce > Settings > Payments > Stripe > Settings.
- Click the
Edit Account Keys
button . - 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.
- Click
Save test keys
, you should receive a success toast notification.
- Click the
- Under "Account details" in WooCommerce > Settings > Payments > Stripe > Settings.
- Click the 3 dots icon in the top right of the card and select
Edit Account Keys
in the drop-down menu. - Check that the modal popup to edit the keys is displayed, and that you can switch between Test & Live mode.
- Click
Save test keys
, you should receive a success toast notification.
- Click the 3 dots icon in the top right of the card and select
- In WC Stripe Dev, enable
UPE redesign
. - Under "Payments & transactions" in WooCommerce > Settings > Payments > Stripe > Settings.
- Change the option
Enable payments via saved cards
. - Change the option
Enable separate credit card form
. - Change the option
Issue an authorization on checkout, and capture later
. - Change the text of
Full bank statement
. - Save changes (you should receive a success toast notification).
- Keep this tab open to verify the values later.
- Change the option
- In another tab, go to WC Stripe Dev, and disable
UPE redesign
. - Under "Payments & transactions" in WooCommerce > Settings > Payments > Stripe > Settings.
- Verify that
Enable Payment via Saved Cards
matches the value ofEnable payments via saved cards
from Step 2.i. - Verify that
Inline Credit Card Form
has the opposite value ofEnable separate credit card form
from Step 2.ii. - Verify that
Capture charge immediately
has the opposite value ofIssue an authorization on checkout, and capture later
from Step 2.iii. - Verify that
Statement Descriptor
matches the value ofFull bank statement
from Step 2.iv.
- Verify that
- In WC Stripe Dev, enable
UPE redesign
. - Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe > Payment Methods.
- Change the value of
Enable express checkouts
. - Change the selected options of
Show express checkouts on
. - Save changes
- Keep this tab open to verify the values later.
- Change the value of
- In another tab, go to WC Stripe Dev, and disable
UPE redesign
. - Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe.
- Verify that
Enable Payment Request Buttons. (Apple Pay/Google Pay)
matches the value ofEnable express checkouts
form Step 2.i. - Verify that
Payment Request Button Locations
have the options saved inShow express checkouts on
from Step 2.ii.
- Verify that
- In WC Stripe Dev, enable
UPE redesign
. - Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe > Payment Methods, click the Customize appearance button.
- Change the selected options for:
Call to action
Appearance
Theme
- Save changes
- Keep this tab open to verify the values later.
- In another tab, go to WC Stripe Dev, and disable
UPE redesign
. - Under "Express checkouts" in WooCommerce > Settings > Payments > Stripe.
- Verify that
Payment Request Button Type
matches the value saved inCall to action
from Step 3.i. - Verify that
Payment Request Button Size
matches the value saved inAppearance
from Step 3.ii. - Verify that
Payment Request Button Theme
matches the value saved inTheme
from Step 3.iii.
- Verify that
- As a merchant, create a new product:
Products > Add New
- Add a
Product name
and select "Variable product" asProduct data
- Click
Attributes
menu-item, then clickAdd
while "Custom product attribute" is selected - Create "Size" attribute with "Small | Medium" as values
- Ensure
Used for variations
is checked and clickSave attributes
- Click the
Variations
menu-item, select "Create variations from all attributes", and clickGo
- Add a
Regular price ($)
for each variation - Select "Out of stock" on the
Stock status
field, for each variation - Click
Save changes
, clickPublish
, and go to the product's page - As a shopper, verify that the PRB is not visible, upon loading the page. Also, verify that switching between
Size
variations keeps the PRB hidden.
Note: The following test uses the product from above (All variations are out-of-stock)
- As a merchant, go back to edit the product created in All variations are out-of-stock
- Click the
Variations
menu-item - Update the
Stock status
of the "Small" variation to "In stock" - Click
Save changes
and go to the product's page - As a shopper, verify that the PRB is visible, upon loading the page. Also, verify that selecting the "Small"
Size
variation makes the PRB show. But switching to the "Medium" variation makes the PRB hide.
Note: For the following tests, ensure that the
WooCommerce Subscriptions
plugin is installed and activated.
- As a merchant, create a new product:
Products > Add New
- Add a
Product name
and select "Variable subscription" asProduct data
- Click
Attributes
menu-item, then clickAdd
while "Custom product attribute" is selected - Create "Billing Period" attribute with "1 Month | 2 Months" as values
- Ensure
Used for variations
is checked and clickSave attributes
- Click the
Variations
menu-item, select "Create variations from all attributes", and clickGo
- Add a
Subscription price ($)
for each variation - Select "Out of stock" on the
Stock status
field, for each variation - Click
Save changes
, clickPublish
, and go to the product's page - As a shopper, verify that the PRB is not visible, upon loading the page. Also, verify that switching between
Billing Period
variations keeps the PRB hidden.
Note: The following test uses the product from above (All variations are out-of-stock)
- As a merchant, go back to edit the product created in All variations are out-of-stock
- Click the
Variations
menu-item - Update the
Stock status
of the "1 Month" variation to "In stock" - Click
Save changes
and go to the product's page - As a shopper, verify that the PRB is visible, upon loading the page. Also, verify that selecting the "1 Month"
Billing Period
variation makes the PRB show. But switching to the "2 Months" variation makes the PRB hide.
- In the
readme.txt
, ensure thedocumentation
link goes to https://woocommerce.com/document/stripe. - In
wp-admin > Plugins
, look for theWooCommerce Stripe Gateway
plugin, and ensure theDocs
link goes to https://woocommerce.com/document/stripe. - In
wp-admin > WooCommerce > Settings
, updateTest Publishable Key
, find the new notice at the top (see image below) of the page, and ensure theClick here to learn more
link goes to https://woocommerce.com/document/stripe-fixing-customer-errors.
- In
wp-admin > WooCommerce > Settings
, look forNew checkout experience
field, and ensureLearn more
link goes to https://woocommerce.com/document/stripe/#new-checkout-experience. - In
wp-admin > Settings > Privacy
,Policy Guide
tab (at the top), open theStripe
accordion element (see image below), and ensure theLearn more about how this works, including what you may want to include in your privacy policy
link goes to https://woocommerce.com/document/privacy-payments/#section-3.