Testing

Introduction

Testing the integration of HubBox software and how it works within your checkout is an important step during the implementation. HubBox can provide QA support if provided with access to a development or staging environment. We have also put together some Test Journeys that you can use during your own UAT.

UAT

The HubBox User Acceptance Testing (UAT) process is to split users into groups to cover different customer profiles, such as whether they are a guest or logged in customer. We then run through various user journeys through the checkout and pickup UX to test across a number of different scenarios.

The below testing journeys are based on standard checkout experiences. Depending on the pickup user experience is implemented and whether the online checkout has other custom features, you may need to add additionla user groups and testing journeys.

Testing User Groups

Test group identifier Test group name Description
HP Happy path testing Checkout as guest, ideal version – superficial, no detail
LIU Logged in user Checkout as logged in user
LIUA Logged in user with address saved Checkout as logged in user with address saved
IJ Interrupted journey Presses back button in middle of journey, refresh page, navigates away and back etc.
CM Changed mind Change mind between Pickup and Home Delivery
PO Product options Check for items not available for Pickup (e.g. too large)
GO Geographical options If multiple regions are available
DO Delivery options Each delivery option disables the others, shipping address corresponds
WT Widget testing Detailed
SC Styling checks Detailed
SP Shipping and payment Can you choose different shipping and payment options and will Pickup option remain, Pickup pricing, Pickup fee – tax calculation issue, shipping address update (if available)
AP Alternative payments Paypal, Amazon Pay, Sage, etc.
NC Normal checkout Delivery to home; make sure checkout functioning for usual Home Delivery

Testing journeys

UNIQUE IDENTIFIER DESCRIPTION OF TASK EXPECTED BEHAVIOR
--- HAPPY PATH
HP01 As a guest (not logged in), go to checkout. Enter postcode and select Pickup Widget opens and displays map and list of Pickup Locations
HP02 Click on a Pickup Location from the list or map Pickup Location detail box appears. “Select” button appears
HP03 Click “Select” on a Pickup Location detail box Confirmation message appears. Pickup Location address and map are displayed. Pickup Location address and map are displayed. “Choose another store” link appears.
HP04 Fill in personal info, click “continue” Confirmation message appears. Shipping/delivery options appear. Shipping address updated (if available)
HP05 Click “continue” again Payment options appear
HP06 Choose payment method, click “continue” Review order appears. Shipping address updated (if available). Pickup or combined shipping pricing correct (if applicable)
HP06 Complete order Order completes. Receive Confirmation email from retailer
--- CHANGED MIND
CM01 After selecting Pickup, select Home Delivery instead Shipping address fields become visible. Allows checkout with Home Delivery as normal
CM02 After selecting Home Delivery, select Pickup instead Search functionality/widget becomes available. Allows you to complete checkout as normal
CM03 After selecting a Pickup Location and confirming, click “Choose another Pickup Point” to go back and select another “Choose another Pickup Point” reopens widget. Last ZIP Code or address search is still present. Ability to change ZIP Code or address search. Can choose another Pickup Location and continue checkout
--- LOGGED IN USER
LIU01 As a logged in user (without address saved), go to checkout. Enter postcode and select pickup Widget opens and displays map and list of Pickup Locations
LIU02 Click on a Pickup Location from the list or map Pickup Location detail box appears. “Select” button appears
LIU03 Click “Select” on a Pickup Location detail box Confirmation message appears. Pickup Location address and map are displayed. “Choose another store” link appears
LIU04 Click “continue” Confirmation message appears. Shipping/delivery options appear. Shipping address updated (if available)
LIU05 Click “continue” again Payment options appear
LIU06 Choose payment method, click “continue” Review order appears. Shipping address updated (if available). Pickup or combined shipping pricing correct (if applicable)
LIU07 Complete order Order completes. Receive confirmation email from retailer. Receive Confirmation email
--- LOGGED IN USER (ADDRESS SAVED)
LIUA01 Checking out as logged in user with address saved, go to checkout. Verify billing address, then select Pickup Widget opens and displays map and list of Pickup Locations
LIUA02 Click on a Pickup Location from the list or map Pickup Location detail box appears. “Select” button appears
LIUA03 Click “Select” on a Pickup Location detail box Confirmation message appears. Pickup Location address and map are displayed. “Choose another store” link appears
LIUA04 Click “continue” "Confirmation message appears. Shipping/delivery options appear. Shipping address updated (if available)"
LIUA05 Click “continue” again Payment options appear
LIUA06 Choose payment method, click “continue” Review order appears. Shipping address updated (if available). Pickup or combined shipping pricing correct (if applicable)
LIUA07 Complete order Order completes. Receive confirmation email from retailer. Receive Confirmation email
--- INTERUPTED JOURNEY
IJ01 After selecting a Pickup Location, press the browser’s back button and then go forward again Pickup Location selection not saved
IJ02 After selecting a Pickup Location, refresh the page Pickup Location selection not saved
IJ03 After selecting a Pickup Location, press the browser’s back button and then go forward again Pickup Location selection saved
IJ04 After selecting a pickup location, refresh the page Pickup Location selection saved
--- PRODUCT OPTIONS
PO01 Select an item too large for Pickup (if applicable) Pickup option does not appear
PO02 Select an item small enough for Pickup Pickup option appears
PO03 Select an item too expensive for Pickup (if applicable) Pickup option does not appear
PO04 Select an item inexpensive enough for Pickup Pickup option appears
PO05 Select an item age-restricted (ex: knives) that cannot be sent to a Pickup Location (if applicable) Pickup option does not appear
PO06 Select an item not age-restricted Pickup option appears
--- GEOGRAPHICAL OPTIONS
GO01 If there are international versions of the shop, access them Pickup option does not appear
--- DELIVERY OPTIONS
DO01 After choosing Pickup and selecting a Pickup Location, choose home delivery Pickup option disappears, shipping address changes (if available)
DO02 After choosing home delivery, reselect Pickup Widget reopens, list and map of APs appear, shipping address changes (if available)
DO03 After choosing Pickup and selecting a pickup location, select alternative delivery Pickup option disappears, shipping address changes (if available)
DO04 After choosing alternative delivery, select Pickup Widget reopens, list and map of Pickup Locations appear, shipping address changes (if available)
--- WIDGET TESTING
WT01 Enter postcode, select Pickup, and open widget Map and list appears. Locations appear. Search function works. All buttons function. Correct style. Mobile view works
WT02 Click on a Pickup Location from the list Pickup Location detail box opens. Pickup Location details appear (name, address, distance, opening hours). “Select” button appears
WT03 Click on a Pickup Location from the map Pickup Location detail box opens. Pickup Location details appear (name, address, distance, opening hours). “Select” button appears
WT04 Use the + and – buttons on the map Map zooms in and out
WT05 Click the “Select” button on an Pickup Location detail box Pickup Location is selected. Confirmation message (“Your order will be delivered to…”) appears. Pickup Location address appears. “Choose another store” link appears. “Continue” button appears
WT06 Search for a different postcode using the search bar Search bar functions, loads. Pickup Locations corresponding to that postcode appear in map and list
WT07 Search for “Aberdeen” using the search bar “We’re sorry but there’s no Pickup Locations near you” message appears. Message is relevant to checkout (i.e., if it says “select Home Delivery”, then Home Delivery should be an option above)
WT08 Enter postcode, select Pickup, and open widget Correct language is displayed: "Search the map to find your local…". Map appears. Map is zoomed in/out the correct distance. Map + and – buttons appear. List of Pickup Locations appears
WT09 Click on a Pickup Location from the list Pickup Location detail box opens. Pickup Location details appear (name, address, distance, opening hours). “Select” button appears
WT10 Click on a Pickup Location from the map Pickup Location detail box opens. Pickup Location details appear (name, address, distance, opening hours). “Select” button appears
WT11 Use the + and – buttons on the map Map zooms in and out
WT12 Click the “Select” button on a Pickup Location detail box Pickup Location is selected. Confirmation message (“Your order will be delivered to…”) appears. Pickup Location address appears. Map with Pickup Location displayed appears. “Choose another store” link appears. Confirmation message appears in next column (“We will notify you via…”)
WT13 Click outside the widget while it is open Widget closes, Click & Collect no longer selected
--- STYLING CHECKS
SC01 Select Pickup, and open widget Search bar is displayed correctly, aligned with text above and map below, correct spacing. Pickup Location names in list displayed clearly and completely. Map pins displaying correctly
SC02 Click on a Pickup Location from either list or map Pickup Location detail box opens within the map, aligned correctly. Font in Pickup Location detail box is correct font, size, aligned correctly for the site. “Select” button is correct font, colour, size, aligned correctly for the site
SC03 Select a Pickup Location Text of confirmation message (“Your order will be delivered to…”) is correct font, size, aligned correctly for the site
--- SHIPPING AND PAYMENT OPTIONS
SP01 Press continue after choosing a Pickup Location, access shipping/delivery options Confirmation message (“Thanks for choosing Pickup…”) appears, logo appears. Shipping options appear. Shipping options are correctly priced for the site. If Pickup is a separate option, it is priced correctly. If Pickup is combined with another shipping option, it is priced correctly. “Continue” button appears
SP02 Choose a shipping option After page refreshes, Pickup selection remains, shipping address remains (if applicable)
SP03 Select a different shipping option After page refreshes again, Pickup selection remains, shipping address remains (if applicable)
SP04 Click continue, access payments Pickup location shipping address still displays (if available). Tax should be calculated based on subtotal of items, NOT including delivery/shipping/Pickup charges
SP05 Select a payment method If page refreshes, pickup location shipping address still displays (if available)
SP06 Select a different payment method If page refreshes, Pickup Location shipping address still displays (if available)
SP07 Choose test payment method, checkout Order completes. Receive email from retailer, including Pickup Location address (if applicable). Receive Confirmation email with correct Pickup Location
--- ALTERNATIVE PAYMENTS
AP01 Paypal / Amazon Pay If we are hosting the staging environment, apply our own paypal dev details in the backend
--- NORMAL CHECKOUT
NC01 As any kind of user, go to checkout – checkout using home delivery Process should work as normal (make sure we have not broken their checkout with our integration)
NC02 Ask tech to turn off Pickup option, checkout using home delivery Home delivery works as normal (make sure we have not broken their checkout with our integration)