E3. Story 1. Front-end creation of form

User story

As a website user
I want to fill my contact data
So that helps to get the products with my data to my adress

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: selected some product and opened the page with step 2

When: Fill in contact data
AND click on the button “Gå videre“

Then: open the page with Step 3. Payment summary
AND all contact data is updated

02

Given: selected some product and opened the page with step 2

When: Fill in contact data, but 1 or more fields are empty
AND click on the button “Gå videre“

Then: see the message “Dette feltet er påkrevd.“
AND the input with red border

Comments

Leave a Reply