Critical Flows Testing Directions

Prerequisites

• WordPress 5.9+ version
• WooCommerce 6.2.0+ version
• Woo Blocks 7.0.0-dev+ version
• WooCommerce Payments 3.6.1+ version

Tips

• Set the new created Cart & Checkout blocks as your Cart & Checkout pages under the WooCommerce menu -> Advanced -> Page setup -> Cart page / Checkout page
• WooCommerce Payments: Test Site Setup Guide
• WooCommerce Payments Test Account Setup Guide
• Setting up WooCommerce Payments for testing locally Via LocalWP

Testing environment

This PR #5823 added some initial setup to our testing environment:

• Cart block page
• Checkout block page
• Terms and Conditions page
• Privacy Policy page
• WooCommerce sample products
• etc.

Shopper in Cart 🛒

Can view cart block

Go to the Cart block page. You should be able to see the Cart block

Can view translated cart block

Note: This feature is not supported in the current version (7.0.0-dev).

1. Change Site Language: WordPress Settings -> General -> Site Language
2. Check the Cart block page.

Can view empty cart message

1. Empty your cart if necessary
2. Go to the Cart block page. You should see the Checkout Block’s empty state:

Can see the correct tax

1. Set up Taxes in WooCommerce
2. Visit your store and add a product to the cart
3. Go to the Cart block page
4. Check if the tax is displayed.

Can update product quantity (and see updated prices)

1. Visit your store and add a product to the cart
2. Go to Cart block page
3. Update the product quantity using the “quantity selector”. You should be able to see the price being updated accordingly

Can remove a product (and see updated prices)

1. Visit your store and add more than one product to the cart
2. Go to the Cart block page
3. Remove an item from the list of added products. You should be able to see the price being updated accordingly.

Can use express checkout (Cart Block)

—

Can proceed to checkout

1. Visit your store and add a product to the cart
2. Go to Cart block page
3. Click on the “Proceed to Checkout” button. You should be redirected to the “checkout” page.

Merchant in Checkout 💳

Can adjust shipping options

1. Got to the Checkout block page’s editor
2. Scroll down to the “Shipping options” item
3. Click on the “Configure Shipping Options” button. You should be redirected to the shipping settings within the WooCommerce plugin

Can adjust payment options

1. Got to the Checkout block page’s editor
2. Open the “List View” and select the “Payment options” item
3. Open the Block Editor settings sidebar -> select the “Block” tab -> under “Methods” you will be able to access and manage your payment methods

Can adjust T&S and Privacy Policy options

1. Got to the Checkout block page’s editor
2. Open the “List View” and select the “Terms and Conditions” item
3. Setup your T&S by following the links on this item

Can allow guest checkout

1. Enable guest checkout if necessary. Go to WooCommerce > Settings > Accounts & Privacy > Guest checkout > Check “Allow customers to place orders without an account”
2. ??

Shopper in Checkout 💳

Can view checkout block

1. Create a test page
2. Add the Checkout Block
3. Publish page
4. Go to the Checkout block page. You should be able to see the Checkout block

Can view translated checkout block

Note: This feature is not supported in the current version (7.0.0-dev).

1. Change Site Language: WordPress Settings -> General -> Site Language
2. Check the Go to the Checkout block page.

Can see redirect to empty Cart when Checkout is empty

1. Empty your cart if necessary
2. Go to the Checkout block page. You should see the Checkout Block’s empty state:

Can see warnings when the form is incomplete

1. Visit your store and add a product to the cart
2. Go to the Checkout block page
3. Clear the form if necessary
4. Scroll to the bottom and click on the “Place Order” button. You should see warnings for required fields

Can see the correct tax in the Checkout block

1. Set up Taxes in WooCommerce
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Check the tax displayed.

Can apply single-use coupon once

1. Add a single-use coupon (see Usage Limits section)
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Apply coupon once. The result should be successful.
5. Make the purchase. (Setup Woo payments Dev Mode or setup Stripe test mode)
6. Add a product to the cart and apply the same coupon via the Cart block. You should get the following error message: “Coupon usage limit has been reached.”

Can adjust shipping address using the calculator

1. Set up Shipping in WooCommerce
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Adjust shipping Address

Can have different shipping and billing addresses

1. Set up Shipping in WooCommerce
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Uncheck the “Use same address for billing” option. The “Billing Address” section” should be displayed
5. Fill in the second address

Can use express checkout (Checkout Block)

—

Can create an account

—

Can log in to an existing account

—

Can choose a shipping option

1. Set up Shipping in WooCommerce (Add more than one shipping option)
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Scroll down to the “Shipping options” section and choose another shipping option. You should be able to see changes reflected in the price

Can choose a payment option

1. Set up multiple payment options using WooCommerce Payments
2. Visit your store and add a product to the cart
3. Go to the Checkout block page
4. Scroll down to the “Payment options” section and choose another payment option, then place an order. (Setup Woo payments Dev Mode to test payments)

Can place an order as a guest

1. Enable guest checkout if necessary. Go to WooCommerce > Settings > Accounts & Privacy > Guest checkout > Check “Allow customers to place orders without an account”
2. Visit your store in incognito mode (or log out from your WordPress website) and add a product to the cart
3. Go to the Checkout block page and place an order.

Can place an order as logged in user

—

Can see the order confirmation page

1. Visit your store and add a product to the cart
2. Go to the Checkout block page
3. Place your order. You should be redirected to the order confirmation page: