Skip to content

Release testing instructions for WC Payments 3.2.0

Achyuth Ajoy edited this page Oct 26, 2021 · 14 revisions

Rounded shipping price

Expected outcome

The shipment should be charged correctly without rounding the price

Testing instructions

  • Deactivate the WC Subscriptions extension.
  • Enable the WCPay Subscriptions feature via the feature flag (WCPay Dev tools has a setting for this)
  • Create a flat rate shipping method that includes cents $20.10.
  • Purchase a subscription.
  • Note the subscription total (https://d.pr/i/fo69Fw)
  • View the subscription in the Stripe dashboard.
  • Note shipping amount match.

Prevent currency switcher to show when enabled currencies list is empty

Expected outcome

The currency switcher widget should be shown when WCPay is not set up or there is only one store currency enabled.

Testing instructions

  1. Create a new JN site.
  2. Install the WooCommerce plugin from the branch.
  3. Set the development mode with the Code Snippets plugin https://docs.woocommerce.com/document/payments/testing/dev-mode/#section-2.
  4. Install the Organic Goodness theme p1632844372035200/1631896155.144900-slack-C01B8KNUYSW.
  5. Add the following code to the theme template part organic-goodness/template-parts/header/menu-secondary.php
<?php if ( function_exists('wc_get_currency_switcher_markup') ) { ?>
    <li id="woocommerce-multi-currency-switcher" class="menu-item">
        <?php
            $instance = [
                'symbol' => true,
                'flag'   => false,
            ];
            echo wc_get_currency_switcher_markup( $instance, [] );
        ?>
    </li>
<?php } ?>
  1. Observe that no currency switcher widget is added (before WC Payments onboarding is passed and MC is set up).
  2. Pass WC Payments onboarding and enable Multi-Currency (add at least one currency except store currency).
  3. Observe that currency switcher widget is now added.
  4. Remove all the currencies except store currency. Switcher widget should not be added to the theme header.

Show currency switcher notice until customer explicitly dismisses it

Expected outcome

Currently, currency switcher notice is being shown to customers only once. Then geolocated currency becomes selected currency and notice isn't shown anymore due to existing logic. That might be confusing for customers if they moved out from the page too quickly or in case the customer didn't see it at first. It should be shown until the customer explicitly dismisses it.

Testing instructions

  1. Open the shop on the incognito page.
  2. Observe the notice that currency was switched to a geolocated one.
  3. Reload the page with Ctrl+R / press Enter in the address bar / Close the page and open new.
  4. The notice should still show.
  5. Click Dismiss / Use ... instead and repeat instruction 3, now the notice shouldn't show up.
  6. Repeat instructions 1-6 in non-incognito mode. If the notice does not show up, clean the cookie.
  7. Check the simulation flow under WooCommerce -> Settings -> Multi-Currency. That's Preview button near the Customers will be notified via store alert banner.

Change fee breakdown when there's only a base fee

Expected outcome

Fee breakdown of a transaction should not be displayed when only the base fee is applied. Also fee should be changed from "Fee" to "Base fee" when there's only a base fee. If there's more than the base fee, the breakdown should show as before.

Testing instructions

To test a transaction with just the base fee
  1. Make a purchase.
  2. Go to transaction details page.
  3. See fee breakdown with a single item.
  4. Ensure that fee title show up as "Base Fee" and a breakdown is not displayed

Screen Shot 2021-09-16 at 10 12 07 AM

To test transactions with multiple fees

This flow should stay unchanged with the new changes.

  1. Make a purchase with a different currency than store's currency

    i. Set store currency to US

    ii. Enable giropay and/or Sofort from Payments -> Settings -> Add Payment Method

    iii. In checkout page as a buyer, change the currency to EUR and make a purchase

  2. See that fee breakdown is still visible and fee label shows as "Fee"

Screen Shot 2021-09-16 at 10 12 21 AM

Fix inconsistent shipping options in Google Pay payment sheet

Expected outcome

When a shipping method is not set, Payment Request payments popup should work the same way in product page and checkout page. Previously, checkout page allowed the purchase when a shipping method is absent while the product page payment sheet did not.

Testing instructions

  1. Go to WooCommerce > Settings > Shipping.
  2. Create a shipping zone for United States but don't add a shipping method
  3. Add some products.
  4. Enable Express Checkouts for Checkout and Product Page from Payment->Settings.
  5. Visit any Product page on Google Chrome.
  6. Click on Google Pay button (or Payment Request button).
  7. Ensure that user is allowed to checkout.

Fix missing customer information when guests checkout using Checkout Block

Expected outcome

Customer information should be visible on the following places when a guest customer places an order using WooCommerce Blocks.

Payment Details Payment Overview Transactions List
image image image

Testing instructions

  1. Install the WooCommerce Blocks plugin
  2. Create a new page and add the Checkout block to that page
  3. Open up a new private browser window (or any other form of a new session)
  4. Navigate to the new block-based checkout page
  5. Fill in the required information to checkout
  6. Navigate to Payments > Transactions in wp-admin
  7. Ensure that customer information associated with the transaction is visible in the transaction list and in the transaction details.
  8. Click the order number in the transactions list to navigate to the order associated with the transaction
  9. Ensure that the customer information is present

Fix problem where an order gets canceled being paid properly in Stripe

Expected outcome

Orders made with standard checkout and checkout block get processed successfully and marked as completed when making the payment.

Testing instructions

  1. Make a purchase with the standard checkout and paying with credit card.
  2. Go to WooCommerce - Orders
  3. Check appears as "Complete".
  4. Click on the order and check the notes shows "Order status changed from Pending payment to Completed." and its marked as Completed.
  5. Install the WooCommerce Blocks plugin
  6. Create a new page and add the Checkout block to that page
  7. Open up a new private browser window (or any other form of a new session)
  8. Navigate to the new block-based checkout page
  9. Fill in the required information to checkout
  10. Go to WooCommerce - Orders
  11. Check appears as "Complete".
  12. Click on the order and check the notes shows "Order status changed from Pending payment to Completed." and the order marked as Completed.

SEPA Direct Debit

Expected Outcome

SEPA Direct Debit gateway should be available to be enabled for stores in supported countries, gateway fees are displayed and calculated correctly on checkout.

SEPA Direct Debit supported countries & fee structure

Country Currency Base Fee
United States United States (US) dollar ($) 0.8% + 30¢ capped at $6 USD
+1.5% for transactions paid using an international payment method
+1% for conversion of currencies other than USD
Ireland Euro 0.8% + €0.25 capped at €5.00
Austria Euro €0.35

Testing instructions

  • The testing instructions should be followed with each country on the table above by on-boarding new WCPay accounts
  • If SEPA Debit is not displayed on checkout, reach out to us and we'll enable SEPA for your test accounts

  1. Setup a new JN site with WooCommerce, WooCommerce Payments & WooCommerce Payments Dev Tools
  2. Configure WooCommerce Payments Dev Tools according to this screenshot
  3. Proceed with on-boarding WooCommerce Payments with each country on the table above and change the default store currency according to the country you're on-boarding
  4. Go to WP-ADMIN -> Payments -> Settings -> Payments accepted on checkout -> Add payment method and confirm that SEPA Direct Debit is displayed and the fees match the country you've on-boarded. Screenshot for reference
  5. Choose SEPA Direct Debit, click Add selected & save the changes
  6. Change store currency to Euro under WP-ADMIN -> WooCommerce -> Settings -> General to enable SEPA on checkout
  7. Create 2 simple products with a low & high price to test SEPA capped fees. e.g. €2 & €1000
  8. Add the low cost (€2) product to cart
  9. Checkout with SEPA Debit with Test IBAN's from Stripe. Make sure to check the checkbox Save payment information to my account for future purchases. to test saved payment methods
  10. Confirm that the checkout works as expected
  11. Go to WP-ADMIN -> Payments -> Transactions, click on the latest transaction & confirm that Base fee is not capped and international payment fees and currency conversion fees are charged if applicable. Check references section for sample screenshots
  12. Add the higher cost (€1000) product to cart & checkout
  13. Go to WP-ADMIN -> Payments -> Transactions, click on the latest transaction & confirm that Base fee is capped and international payment fees and currency conversion fees are charged if applicable. Check references section for sample screenshots
  14. Make sure that you can purchase another product using the saved SEPA account
  15. Go to My Account > Payment Methods, and remove the saved SEPA account
  16. Go to My Account > Payment Methods > Add New, and add a SEPA account
  17. Make sure you can make a purchase with the newly added SEPA account

References

  • SEPA Transaction with fixed base fee - Screenshot
  • SEPA Transaction without base fee capping - Screenshot
  • SEPA Transaction with base fee capping - Screenshot
  • SEPA Transaction (base fee uncapped) with international payment fee & currency conversion fee - Screenshot
  • SEPA Transaction (base fee capped) with international payment fee & currency conversion fee - Screenshot

Enable Bancontact UPE method

Expected outcome

Enable ability to add Bancontact UPE method for merchants.

Testing instructions

  • Under dev tools the boxes for Enable grouped settings, Enable UPE checkout, and Add UPE additional payment methods need to be checked.
  • If EUR is your default currency, navigate to WooCommerce > Settings > General and change the currency to USD.
  • If EUR is an enabled currency in your store, navigate to WooCommerce > Settings > Multi-Currency and remove EUR as a currency.
  • Navigate to Payments > Settings.
  • Click Add payment method, verify Bancontact is in the modal, along with its icon.
  • Select Bancontact, a notice should appear stating that Euros are being added to your store. Click Add selected, then scroll to the bottom and click Save changes.
  • Verify Bancontact and its logo are now in the Payment methods area.
  • Navigate to WooCommerce > Settings > Multi-Currency and verify EUR is now an enabled currency in your store.
  • On the frontend, add an item to your cart, and go to checkout.
  • Verify your currency is not EUR, payment method should show as Credit card / debit card and when selecting Use a new payment method, Bancontact should not appear.
  • Switch your currency to EUR, payment method should show as Popular payment methods and when selecting Use a new payment method, Bancontact should appear.
  • Select Bancontact.
  • Complete checkout/place order.
  • You will be taken to a Stripe test confirmation page, choose Authorize test payment.
  • Once order is received, navigate to WooCommerce > Orders in the admin.
  • Find your order and select it.
  • Click Refund, and then increase a line item in your order to 1.
  • Click Refund via WooCommerce Payments, verify your refund completed.
  • Navigate to Payments > Transactions, you should see your Payment and Payment refund listed for your order, verify both have the Bancontact logo.
  • Click on the Payment, then verify the Payment method both at the top and bottom are correctly formatting (they will have default test info).
  • Do the same for the Payment refund.
  • Navigate to Payments > Settings, then click the trash can icon to delete Bancontact. Verify the name and the logo in the modal are correct, then click Remove, scroll to the bottom and Save changes.
  • Verify Bancontact is no longer in the list of Payment methods.

Enable P24 UPE method

Expected outcome

Enable ability to add P24 UPE method for merchants.

Testing instructions

  • Under dev tools the boxes for Enable grouped settings, Enable UPE checkout, and Add UPE additional payment methods need to be checked.
  • If Polish zloty is an enabled currency in your store, navigate to WooCommerce > Settings > Multi-Currency and remove PLN as a currency.
  • Navigate to Payments > Settings.
  • Click Add payment method, verify P24 is in the modal, along with its icon.
  • Select P24, a notice should appear stating that PLN are being added to your store. Click Add selected, then scroll to the bottom and click Save changes.
  • Verify PLN and its logo are now in the Payment methods area.
  • Navigate to WooCommerce > Settings > Multi-Currency and verify PLN is now an enabled currency in your store.
  • On the frontend, add an item to your cart, and go to checkout.
  • Verify your currency is not EUR or PLN, payment method should show as Credit card / debit card and when selecting Use a new payment method, P24 should not appear.
  • Switch your currency to EUR, payment method should show as Popular payment methods and when selecting Use a new payment method, P24 should appear.
  • Switch your currency to PLN, payment method should show as Popular payment methods and when selecting Use a new payment method, P24 should appear.
  • Select P24.
  • Complete checkout/place order.
  • You will be taken to a Stripe test confirmation page, choose Authorize test payment.
  • Once order is received, navigate to WooCommerce > Orders in the admin.
  • Find your order and select it.
  • Click Refund, and then increase a line item in your order to 1.
  • Click Refund via WooCommerce Payments, verify your refund completed.
  • Navigate to Payments > Transactions, you should see your Payment and Payment refund listed for your order, verify both have the P24 logo.
  • Click on the Payment, then verify the Payment method both at the top and bottom are correctly formatting (they will have default test info).
  • Do the same for the Payment refund.
  • Navigate to Payments > Settings, then click the trash can icon to delete P24. Verify the name and the logo in the modal are correct, then click Remove, scroll to the bottom and Save changes.
  • Verify P24 is no longer in the list of Payment methods.

Enable iDeal UPE method

Expected outcome

Enable ability to add iDeal UPE method for merchants.

Testing instructions

  • Under dev tools the boxes for Enable grouped settings, Enable UPE checkout, and Add UPE additional payment methods need to be checked.
  • If EUR is an enabled currency in your store, navigate to WooCommerce > Settings > Multi-Currency and remove EUR as a currency.
  • Navigate to Payments > Settings.
  • Click Add payment method, verify iDEAL is in the modal, along with its icon.
  • Select iDEAL, a notice should appear stating that EUR are being added to your store. Click Add selected, then scroll to the bottom and click Save changes.
  • Verify iDEAL and its logo are now in the Payment methods area.
  • Navigate to WooCommerce > Settings > Multi-Currency and verify EUR is now an enabled currency in your store.
  • On the frontend, add an item to your cart, and go to checkout.
  • Verify your currency is not EUR, payment method should show as Credit card / debit card and when selecting Use a new payment method, iDEAL should not appear.
  • Switch your currency to EUR, payment method should show as Popular payment methods and when selecting Use a new payment method, iDEAL should appear.
  • Select iDEAL.
  • Complete checkout/place order.
  • You will be taken to a Stripe test confirmation page, choose Authorize test payment.
  • Once order is received, navigate to WooCommerce > Orders in the admin.
  • Find your order and select it.
  • Click Refund, and then increase a line item in your order to 1.
  • Click Refund via WooCommerce Payments, verify your refund completed.
  • Navigate to Payments > Transactions, you should see your Payment and Payment refund listed for your order, verify both have the iDEAL logo.
  • Click on the Payment, then verify the Payment method both at the top and bottom are correctly formatting (they will have default test info).
  • Do the same for the Payment refund.
  • Navigate to Payments > Settings, then click the trash can icon to delete iDEAL. Verify the name and the logo in the modal are correct, then click Remove, scroll to the bottom and Save changes.
  • Verify iDEAL is no longer in the list of Payment methods.
Clone this wiki locally