Critical Flows

We have identified what we consider to be our most critical user flows within WooCommerce Blocks. These flows will help us focus and prioritize our testing efforts. They will also help us consider the impact of changes and priority of issues.

These flows will continually evolve as the platform evolves with flows updated, added or re-prioritised.

• Shopper in Mini Cart 🧺
• Merchant in Mini Cart 🧺
• Shopper in Cart 🛒
• Merchant in Cart 🛒
• Shopper in Checkout 💳
• Merchant in Checkout 💳

Shopper in Mini Cart 🧺

User Type	Flow Area	Flow Name	Stakeholder
Shopper	Mini Cart	Can view mini cart block	Kirigami
Shopper	Mini Cart	Can view translated mini cart block	Kirigami
Shopper	Mini Cart	Can see empty mini cart block	Kirigami
Shopper	Mini Cart	Cannot view mini cart block on cart page	Kirigami
Shopper	Mini Cart	Cannot view mini cart block on checkout page	Kirigami
Shopper	Mini Cart	Can see correct product quantity	Kirigami
Shopper	Mini Cart	Can see correct price formatting	Kirigami
Shopper	Mini Cart	Can proceed to cart	Kirigami
Shopper	Mini Cart	Can proceed to checkout	Kirigami
Shopper	Mini Cart	Can view mini cart block	Kirigami
Shopper	Mini Cart	Can update product quantity	Kirigami
Shopper	Mini Cart	Can remove product	Kirigami
Shopper	Mini Cart	Can see the correct tax	Kirigami

Merchant in Mini Cart 🧺

User Type	Flow Area	Flow Name	Stakeholder
Merchant	Mini Cart	Can change button price, icon and product count color	Kirigami

Shopper in Cart 🛒

User Type	Flow Area	Flow Name	Stakeholder	File (tests/e2e/specs/shopper)
Shopper	Cart	Can view cart block	Rubik	cart.test.js
Shopper	Cart	Can view translated cart block	Rubik	cart-translations.test.js
Shopper	Cart	Can see correct tax	Rubik	cart-tax.test.js
Shopper	Cart	Can update product quantity (and see updated prices)	Rubik	cart-products.test.js
Shopper	Cart	Can remove product (and see updated prices)	Rubik	cart-products.test.js
Shopper	Cart	Can use express checkout	Rubik	cart-payments.test.js
Shopper	Cart	Can proceed to checkout	Rubik	cart-proceed-to-checkout.test.js

Merchant in Cart 🛒

User Type	Flow Area	Flow Name	Stakeholder	File (tests/e2e/specs/merchant)
n/a	n/a	n/a	n/a	n/a

Shopper in Checkout 💳

User Type	Flow Area	Flow Name	Stakeholder	File (tests/e2e/specs/shopper)
Shopper	Checkout	Can view checkout block	Rubik	checkout.test.js
Shopper	Checkout	Can view translated checkout block	Rubik	checkout-translations.test.js
Shopper	Checkout	Can see warnings when form is incomplete	Rubik	checkout-warnings.test.js
Shopper	Checkout	Can see correct tax in Cart block	Rubik	checkout-tax.test.js
Shopper	Checkout	Can apply single-use coupon once	Rubik	checkout-coupons.test.js
Shopper	Checkout	Can adjust shipping address using the calculator	Rubik	checkout-shipping-calculator.test.js
Shopper	Checkout	Can have different shipping and billing addresses	Rubik	checkout-different-addresses.test.js
Shopper	Checkout	Can use express checkout	Rubik	checkout-payments.test.js
Shopper	Checkout	Can create an account	Rubik	checkout-account.test.js
Shopper	Checkout	Can login to existing account	Rubik	checkout-account.test.js
Shopper	Checkout	Can choose shipping option	Rubik	checkout-shipping.test.js
Shopper	Checkout	Can choose payment option	Rubik	checkout-payments.test.js
Shopper	Checkout	Can place an order as guest	Rubik	checkout-order.test.js
Shopper	Checkout	Can place an order as logged in user	Rubik	checkout-order.test.js
Shopper	Checkout	Can see order confirmation page	Rubik	checkout-confirmation.test.js

Merchant in Checkout 💳

User Type	Flow Area	Flow Name	Stakeholder	File (tests/e2e/specs/merchant)
Merchant	Checkout	Can adjust shipping options	Rubik	checkout-shipping-options.test.js
Merchant	Checkout	Can adjust payment options	Rubik	checkout-payment-options.test.js
Merchant	Checkout	Can adjust T&S and Privacy Policy options	Rubik	checkout-terms.test.js
Merchant	Checkout	Can allow guest checkout	Rubik	checkout-account.test.js