Skip to content

Shopping Cart

Manuel edited this page Dec 11, 2024 · 16 revisions

Shopping Cart - Dropdown List

Description

The shopping cart dropdown list element is present in all pages of the site. It has text showing the number of products the user has added to the cart or it shows an 'Empty' text in case cart is empty.

When the user hover over the shopping cart a list of all products drops down. This list shows the product image, quantity, name, size, color and price for each product added in cart. Each product has also an (X) button in case the user wants to remove such product from the cart.

Beneath these the price of shipping and the total price of the order is shown.

A button with the text 'Checkout' can redirect the user to such process.

User Stories & Test Cases

As a customer, I want a shopping cart element on every page of the site, so that I can keep track of my products:

  • should display shopping cart element in all pages of the site

As a customer, I want to see a dropdown list of all my products by hovering over shopping cart, so that I can keep track of my products:

  • should display shopping cart dropdown product list when hovering over shopping cart element

As a customer, I want the products in my shopping cart to display their name, quantity, size, color, and price, so that I can keep track of their features:

  • should display all products added to the shopping cart in dropdown list including name, quantity, size, color and price

As a customer, I want to be able to remove products directly from the shopping cart list, so that I can take out any products added incorrectly:

  • should allow user to remove any products added to the shopping cart

As a customer, I want the price of shipping to be displayed in the shopping cart, so that I don't get unexpected charges:

  • should display the price of shipping in the shopping cart

As a customer, I want to see the total price of my products + shipping in the shopping cart, so that I don't get unexpected charges:

  • should display the total price of products + shipping in the shopping cart

(See test cases) (See test code)