01

Given: Saclab.com

When: types in some words into the search bar field

Then: see some keywords in the Suggestion section
AND max 4 queries in the suggestion section
AND max 2 latest added (in-stock) bags that match the words (section “New in“)
AND The query that is typed will be highlighted in bold 

AND The result of the search query and the CTA will be updated as the user types in the search bar
AND The CTA should be sticky and always stay at the bottom of the screen

02

Given: search bar

When: style long query

Then: CTA “All results for “keywords…”” The size (height) of the CTA will stay the same, so in the example of a long query the search will be cut and replaced by “…”

03

Given: User types in some words into the search bar

When: No suggestion are found

Then: See “No results found for “keyword” (No CTA here)

04

Given: User types in some words into the search bar

When: in-stock products aren’t found

Then: show related out-stock products

05

Given: User types in some words into the search bar

When: one in-stock product is found

Then: show in-stock product first