Use cases

Without autocomplete cc-exp-month/cc-exp-year attributes

  1. Address then CC with dropdown-based state and expiry
  2. Address then CC with text-based state + country and expiry
    1. Same as above, but without admin_area and with CEDEX
    2. Same as above, but without admin_area and with county
    3. Same as above, but without admin_area and with suburb
    4. Same as above, but without CVC on the credit card form
    5. Same as above, but with billing postal code on the credit card form
  3. Address and CC (dropdown-based) on same page, including country
    1. Same as above, but accepts multi-line input on all text fields
  4. CC only (no address)
  5. Dynamic Form for CC only (no address)
  6. Accordion hidden Form for CC only (no address)
  7. Accordion hidden and dynamic Form (address and CC on the same page)
  8. Shipping address then billing address and CC with dropdown-based state and expiry
  9. Shipping address, billing address, and CC (dropdown-based) on same page
    (Only upstreams the first address and ignores the second, as of 2016-04-21)
  10. Address (including phone number) and CC (text-based) on same page
    1. Same as above, but with pattern field which forces numpad keyboards on iOS
    2. Same as above, but with type=number and pattern field which force numpad keyboards on mobile
      (Does not offer to upstream as of 2017-05-16)
  11. CC only with two CC number fields, with every field in its own iframe (no address)
  12. Promo code field, with address and CC, on same page
    1. Same as above, but the promo code field has an [Apply] button
  13. IBAN single field
  14. CVC single field
  15. PIX FOP selector bottomsheet

With autocomplete billing/cc-exp-month/cc-exp-year attributes

  1. Address then CC with text-based state + country and expiry

Formless Checkout Flows

  1. Address and CC (dropdown-based) on same page, including country
  2. Shipping address then billing address and CC with dropdown-based state and expiry
  3. Shipping address, billing address, and CC (dropdown-based) on same page

Push Payment Flows

  1. ShopeePay FOP selector bottomsheet
  2. Touch N Go FOP selector bottomsheet
  3. Customize payment link to trigger FOP selector bottomsheet
  4. ShopeePay payment link in an iframe
  5. ShopeePay payment link page being auto-redirected after 1 second
  6. ShopeePay payment link in the head
  7. ShopeePay payment link by different orders of link creation

BNPL Flows

  1. BNPL checkout page with modifiable amount

Gpay Button

  1. Gpay button

Small Forms

  1. Various small forms

Additional testing scenarios

  1. Extra text that makes the form not immediately visible on page load
  2. Form visibility is toggleable #1 (CSS visibility property)
  3. Form visibility is toggleable #2 (CSS display property)
  4. Form visibility is toggleable #3 (CSS opacity property)
  5. Dynamic Form Name
  6. Dynamic Form Fields
  7. Dynamic Form Voting

Autofill + Buttons + Popups + Redirects

  1. CC form and PayWithGoogle Button
  2. CC form and Payment request basic Button
  3. Open a popup
  4. Redirect with query parameters

Links