For the complete documentation index, see llms.txt. This page is also available as Markdown.

Test checkout and payments

Automate cart, address, and payment steps through to order confirmation.

A checkout Flow proves the path from cart to confirmation. Fill ordinary fields with Action steps. For payment widgets, use the Express Adyen steps when you are on Adyen, or switch into the payment iframe and fill it like any other form.

Use the Flow Builder for this walkthrough.

What you need

  • A storefront URL and products you can buy in a test environment

  • Address and customer Values where the form repeats

  • Payment test data from your provider's published test cards (not live customer cards)

Build the cart and address steps

1

Open the storefront

Start with Open. Point it at the product, cart, or checkout URL your journey starts from.

2

Add items and reach checkout

Use Touch and Set value to add products, choose options, and open checkout.

3

Fill shipping and contact details

Add Set value for name, address, and email fields. Prefer Values from the Value Store so the same Flow can run across environments.

Complete payment

Adyen Drop-in or widget

When the page uses Adyen, add Adyen Widget from Express.

  1. Enter the provider’s test card number, expiry, CVC, and name (or pull them from Values).

  2. Set Complete Checkout to Purchase to fill and submit, or Fields Only when a later step should press pay.

  3. Choose the purchase button Element when Purchase is selected.

For PayPal through Adyen, use Adyen PayPal.

Payment fields inside an iframe

Many providers render card fields in an iframe. Switch into that frame, fill the fields, then return to the parent page.

1

Switch into the payment frame

Add Switch frame. Choose the Element for the iframe.

2

Fill the card fields

Add Set value (and Touch if needed) for number, expiry, and CVC inside the frame.

3

Return to the page and submit

Add Switch to parent frame, then Touch the pay or place-order button on the parent page.

See Test tabs, windows, and frames for nested frames and hosted checkouts that open a new window.

Switch frame, Set value, parent frame, Touch
Example iframe payment path

Ordinary card fields on the page

If the card inputs sit in the main document, fill them with Set value and submit with Touch. No frame switch is required.

Confirm the order

Add Check text or another Check on the confirmation screen, order number, or success message. Add a URL Check when the success page has a stable path.

Pro tip: Keep provider test card numbers in Values when several Flows share them. Use the provider’s published test cards for the environment you are targeting.

Last updated