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
|
|