E1. Story 1. Page “Postkasse skilter”

User story

As a website user
I want to see the page with the products and have the ability to order some of them
So that helps to order some products avoiding the main registration form

Visual design

https://www.figma.com/file/VNME8l1UGl6nNm51W8EA76/Product-page?type=design&node-id=14-561&mode=design&t=fc7qyiW7stlIlUC2-0

Acceptance criteria

01

Given: website without products page

When: click on "Postkasse skilter" on the manu

Then: see the separated page with name "Postkasse skilter"

02

Given: open page "Postkasse skilter"

When: click on breadcrumbs “Forside”

Then: back to the main page

03

Given: open page "Postkasse skilter"

When: click on the image of the product
OR click on the button “Legg til“

Then: the border of the product’s image is blue
AND the button change the bg-color to white and text-color blue
AND text on button changed to “Lagt til“
AND a section with information about the selected products appears

04

Given: section with selected products on desktop

When: user selects one or more products

Then: see in the section the number of products
AND total price for this products
AND button “Bestill“ to start order steps
AND the cross to cancel all selected products

05

Given: section with selected products on mobile

When: user selects one or more products

Then: see in the section the number of products that fixed on the bottom of the browser page
AND total price for this products
AND button “Bestill“ to start order steps
AND after scroling the section is stayed fixed on a bottom postion
AND the cross to cancel all selected products

06

Given: section with selected products

When: click on cross

Then: all selected products canceled
AND the section is disappeared
AND all products with blue buttons and without blue borders

Comments

Leave a Reply