Home / Flows / E-commerce / Checkout

Checkout Flow

A three-step checkout: review the cart and apply a promo code, enter a shipping address, then pay with a test card. Placing the order takes you to a separate confirmation page with a new order number every time.

Your cart is empty

Add products in the shop, or start with a sample cart to practise checkout on its own.

Go to the shop

Tip for test suites: the cart is stored in sessionStorage under tys-cart. Setting it directly before each checkout test is faster and less flaky than clicking through the shop every time.

  1. 1Cart
  2. 2Shipping
  3. 3Payment

Review your cart

ItemQtyPriceTotal

Edit cart in the shop

Hint: there's a working code worth 10% off, and an expired one.

Shipping details

Shipping method

Payment

Test cards: 4242 4242 4242 4242 is approved, 4000 0000 0000 0002 is declined. Use any future expiry and any 3-digit CVV.

Order summary

Items
0
Subtotal
$0.00
Discount
-$0.00
Shipping
Free
Total
$0.00