Theme

Shopping Cart Subsystem

Written by

in

ID

Summary

Priority

Component

Description

Documentation / Based on

Labels

Test Step / Activity

Expected Result

Verification marks or comments / Test data

Sh_C-1

Verify that the Cart Page is opened after clicking the Cart icon in the Header

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site

  2. Click on the Cart icon in the Header

  3. Check where the user is redirected to

The Shopping Cart Page is opened

Sh_C-2

Verify that the Cart Page matches the design

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site

  2. Navigate to the Shopping Cart Page

  3. Compare it with the design

The Shopping Cart Page looks according to the design

Do following checks:

  • text fonts and styling

  • margins and paddings

  • colors

Sh_C-3

Verify that the Cart Page contains all required elements

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site

  2. Navigate to the Shopping Cart Page

  3. Check the availability of all elements

All required components are present

  1. Product list – each item of which consists of

  • product name

  • thumbnail image

  • product qty selector with the "+" and "-" buttons

  • prices: unit price and subtotal price

  • the "X" deleting button

  1. the "Update Cart" CTA

  2. the Coupon Code field with the "Apply" button

  3. the "Shopping Cart Total" Section that contains following info: subtotal, total amount, Taxation (VAT)

  4. the "Checkout" button

Sh_C-4

Verify the Remove Product Option

HIGH

Shopping Cart Subsystem

Precondition:

  • There are several items in the basket

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site

  2. Navigate to the Shopping Cart Page

  3. Click the "X" button next to product

  4. Delete all products

The product is successfully deleted from the basket

If user deletes all product the "Your cart is currently empty." info message is appears

Sh_C-5

Verify that the user is able to update product qty on Cart Page

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

  • The Shopping Cart Page is opened

Figma link / TSD / etc…

ALL DEVICES

  1. Click the "+" next to product qty

  2. Check the qty value, product subtotal, and total price

  3. Click the "-" and repeat the 2nd step

  4. Click the ‘Update Cart" button

  • Product qty is increased by clicking the "+" and decreased by clicking the "-"

  • The product qty is successfully changed by clicking the "Update Cart" button

  • Subtotal and total prices are recalculated

  • The product qty next to the Cart Icon in Header is changed

Sh_C-6

Verify the coupon code applying

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

  • The Shopping Cart Page is opened

Figma link / TSD / etc…

ALL DEVICES

  1. Fill in the "Coupon Code" field with valid data

  2. Click the "Apply" button

The Coupon Code is successfully added and discount is applied

Sh_C-7

Verify validation of the "Coupon Code" field

MEDIUM

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

  • The Shopping Cart Page is opened

Figma link / TSD / etc…

ALL DEVICES

  1. Leave the empty "Coupon Code" field

  2. Click the "Apply" button

  3. Check error handling

  4. Submit the field with invalid data and repeat the 3rd step

  5. Submit the field with expired code and repeat the 3rd step

  6. Submit the same code twice and repeat the 3rd step

  • Discount isn’t applied

Example of Error Handling

  • The "Please enter a coupon code." message is shown after submission the empty field

  • The "Coupon code_value does not exist!" is shown for any invalid coupons

  • The "This coupon has expired" is shown for alreday used&expired codes

Sh_C-8

Verify that the applied coupon can be removed

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

  • The Shopping Cart Page is opened

Figma link / TSD / etc…

ALL DEVICES

  1. Fill in the "Coupon Code" field with valid data

  2. Click the "Apply" button

  3. Observe the Coupon Code section

  4. Click the "Delete Coupon" button

The Coupon Code is successfully removed and total is recalculated

Sh_C-9

Verify redirect to the checkout from Shopping Cart Page

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

  • The Shopping Cart Page is opened

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site

  2. Navigate to the Shopping Cart Page

  3. Click the "Checkout" button

  4. Check where the user is redirected to

The user is redirected to the Checkout Payment Flow

Sh_C-10

Verify that the product qty is displayed next to the Cart icon

HIGH

Shopping Cart Subsystem

Figma link / TSD / etc…

ALL DEVICES

  1. Open the site.

  2. Observe the number next to the Cart icon in the Header

  3. Add product to the basket

  4. Repeat the 2nd step

  • "0" is shown for empty basket

  • number next to the Cart Icon correspond the product qty in the basket

Sh_C-11

Verify that the info message is shown for an empty basket

LOW

Precondition:

  • The are no products in the basket

Figma link / TSD / etc…

DESKTOP

  1. Open the site

  2. Hover over the Cart icon in the Header

  3. Check results

"No products in the shopping cart" informative text is shown

Sh_C-12

Verify triggering of the mini-cart flyout

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Open the site

  2. Hover over the Cart icon in the Header

  3. Check results

The mini-cart is shown. It disappears if the user moves the mouse cursor away from the Cart icon.

Sh_C-13

Verify that the mini-cart flyout matches the design

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Open the site

  2. Hover over the Cart icon in the Header.

  3. Observe the mini-cart flyout and compare it with the design

The mini-cart flyout looks according to the design

Do following checks:

  • text fonts and styling

  • margins and paddings

  • colors

Sh_C-14

Verify components of mini-cart flyout

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Open the site

  2. Hover over the Cart icon in the Header

  3. Observe the mini cart flyout and check the availability of all elements

All required components are present

  1. Product list – each item of which consists of

  • product name

  • thumbnail image

  • product qty selector with the "+" and "-" buttons

  • product price

  • the "X" deleting button

  1. Total Sum

  2. CTAs:

  • "View Cart"

  • "Checkout"

Sh_C-15

Verify the product removal from the mini-cart.

HIGH

Shopping Cart Subsystem

Precondition:

  • There are several items in the basket

Figma link / TSD / etc…

DESKTOP

  1. Open the site

  2. Hover over the Cart icon in the Header

  3. Click the "X" button next to product

  4. Delete all products

  • The product is successfully deleted from the basket

  • If user deletes all product, mini-cart is automatically closes

Sh_C-16

Verify that the user is able to update product qty from mini-cart

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Trigger opening of the mini-cart flyout

  2. Click the "+" next to product qty

  3. Check the qty value, product subtotal, total price

  4. Click the "-" and repeat the 3rd step

  • Product qty is increased by clicking the "+" and decreased by clicking the "-"

  • Subtotal and total prices are recalculated

  • The product qty next to the Cart Icon in Header is changed

Sh_C-17

Verify the action of the "View Cart" CTA

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Trigger opening of the mini-cart flyout

  2. Click the "View Cart" button

  3. Check where the user is redirected to

The user is redirected to the Shopping Cart Page

Sh_C-18

Verify the action of the "Checkout" CTA for guest user

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Trigger opening of the mini-cart flyout

  2. Click the "Checkout" button

  3. Check where the user is redirected to

The user is redirected to the Checkout Login/Registration Page

Sh_C-19

Verify the action of the "Checkout" CTA for logged in customer

HIGH

Shopping Cart Subsystem

Precondition:

  • There is at least one item in the basket

Figma link / TSD / etc…

DESKTOP

  1. Trigger opening of themini-cart flyout

  2. Click the "Checkout" button

  3. Check where the user is redirected to

The user is redirected to the 1st Checkout Stage

Comments

Leave a Reply

More posts