[Functionality] Can make an order with 0 items

[Rubinstd]

Severity

Medium / High

Environment

Windows 10 Desktop
Chrome

Steps to reproduce:

Run the application

1. Choose a country ex. Canada (navigating to the Canada/products route)
2. Click on Cart() in the top right corner.
3. Click the Check Out button.
4. Fill in the shipping and billing information.
5. Click Final Confirmation.
6. Click Proceed to Payment
7. The transaction is complete without any items being purchased.

Expected:

Users should not be able to make a purchase of 0 items.

Actual:

Users are able to successfully purchase 0 items, spending $2 on the transaction fee.

Screenshot:

Order confirmation:

Payment confirmed:

Notes:

This bug shows a few important issues with the purchasing process.

1. The Check Out button should not be clickable if the user has no items in the cart.
2. The entire purchase process offers little feedback to the user. The bar underneath the headers is meant to show the order progress to the user and is filled on the payment confirmed screen. This bar however is unclear. How many steps are there? What step am I on? How can I go to the previous step (is it only through the browser back button?)?

Overall the process needs to be incredibly clear for users to trust the system. An edge case, like making a purchase with no items needs to be considered and handled appropriately.