Product Detail Page (PDP)

Product Detail Page (PDP)

As a user I to be able to access product detail pages so that I know all the characteristics of the products:

• should be able to access product detail page by clicking on product image on catalogue
• should be able to access product detail page by clicking on product name on catalogue
• should be able to access product detail page by clicking on product 'More' button on catalogue
• should be able to access product detail page by clicking on product colors on catalogue

As a user I want to see the product's name, reference, condition and description so that I know the state of the product:

• should display product's name, reference, condition and description

As a user I want to see if product is in stock or not so that I can know what I can buy:

• should display 'in stock' text if product is available
• should display 'This product is no longer in stock with those attributes but is available with others.' text if product not available
• should display 'This product is no longer in stock.' text if product not available

As a user I want to see how many items of each product in stock are available so I can know when to order:

• should display number of items available if product is in stock

As a user I want to see social buttons so that I can share products I like with my friends:

• should display social buttons for twitter, fb, google+ and pinterest

As a user I want to see 'Send to a friend' button so that I can email a friend this product:

• should display 'Send to a friend' button

As a user I want to see 'Print' button so that I can print this product detail page:

• should display 'Print' button

As a user I want to see a data sheet of product information such as compositions, styles, properties so that I can know the features of the product:

• should display data sheet displaying product composition, styles and properties

As a user I want to see the product's price so that I can know how much I will be charged:

• should display product price

As a user I want to see the product's discount in case it has one so that I can know how much I will be charged:

• should display product discount
• should display product price after discount

As a user I want to see the product quantity and controls to increase or decrease it so that I can select as many products as I want:

• should display product quantity
• should allow the user to increase the product quantity
• should allow the user to decrease the product quantity

As a user I want to see the product size and controls to increase or decrease it so that I can select the product best fitted to me:

• should display product size
• should allow the user to increase the product size
• should allow the user to decrease the product size

(See test cases) (See test code)