Component Testing

Below you will find some useful steps to follow in order to test various components.

caution

This is not a definitive guide; any bespoke functionality should also be thoroughly tested.

Carousels

• Do all the buttons and progress bar work
• If you get to the end does the right arrow disable etc
• Does the progress bar follow correctly
• If you remove slides it should be static does it hide the buttons correctly and remove any dragging ability
• Check mobile goes completely to the edge if it needs to be

Media elements

• Check that they offer Video and Images in most cases (small CTAs/carousels most likely won’t offer videos but larger elements should)
  • Videos
    • Make sure they have info about uploading to Shopify
  • Images
    • Ensure they offer recommended sizes

Products

• Check different type of pricing (On PDP and Product Cards)
  • On sale
    • Should it have a sale tag on the product card
  • Different priced variants
    • Should say ‘From ….’
  • Sold out
• Check pricing and ATC works when no variants too
  • Doesn’t show dropdown etc
• Check is set up to work with different variant types
  • So you could have Size and Style
  • Size Guide links only appear on Size options

Purchase flow

• Test the general purchase flow from Homepage > Collection > PDP > Add to cart > Checkout
• Test the quick buy purchase flow (if exists)
• If has subscriptions test the full Subscription flow
• Test purchasing from upsells
  • On PDP/Push Cart

Accounts

• Create an account
• Create yourself a couple orders to check order history works correctly
• Add/Edit addresses

Gift cards

• Test the gift card page looks and works correctly
• Test the gift card purchase flow
• Buy a gift card
• Check that the Voucher page itself works from the email