Story 62.1. Search bar is clicked

General info

User story

As a user on saclab.com
I want to see the recommendation while searching on the website
So that helps to find products and relevant information easier


SCLB-675

Visual design

https://www.figma.com/design/6KT0tZfJw3u7R8b5pCH8vw/Saclab-Team-Library?node-id=4775-1630&t=ZUKH3sMLJVlFNBNN-1

Acceptance criteria

01

Given: Search bar on any location

When: user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: User will see an X on the right edge of the search bar

AND Inside the search bar see placeholder: “Try “keyword A” or “keyword B”. “

AND “keyword A” and “keyword B” are set manually by admin

Screenshot 2024-06-12 at 09.40.29.png

02

Given: user does not have a search history (or deleted the search history)
AND never clicked on any product

When: user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: user will see in the second section (after search field “Try…”) field “Most searched”
AND buttons in most searched section are clickable with links
AND These buttons are set by admin (button text + link)

Screenshot 2024-06-12 at 10.21.58.png

03

Given: user does not have a search history (or deleted the search history)
AND has clicked on a product

When: user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: user will see in the second section (after search field “Try…”) the “Recently viewed” section that contains maximum 2 most recently viewed product
AND “clear all” button

Screenshot 2024-06-12 at 10.14.44.png

04

Given: search bar

When: click “clear all” in Recent Viewed section

Then: the history of this section is cleared

05

Given: search bar

When: click “clear all” in Previous serches section

Then: the history of this section is cleared

06

Given: user does not have a search history (or deleted the search history)
AND has clicked on a product

When: some recently viewed product is SOLD
AND user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: user will see in the second section (after search field “Try…”) the “Recently viewed” section AND see information about SOLD OUT product

Screenshot 2024-06-13 at 09.06.44.png

07

Given: user does have a search history
AND never clicked on any product

When: user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: user will see in the second section (after field “Try…”) “Previous searches” section that shows what they have recently searched (maximum 4)
AND a button “Clear all” to clear the search history

Screenshot 2024-06-12 at 10.24.20.png

08

Given: user does have a search history
AND have clicked on a product.

When: user clicks into the search bar on Desktop version or the search icon on Mobile version

Then: user will see in the second section (after field “Try…”) “Previous searches” section that shows what they have recently searched (maximum 4)
AND a button “Clear all” to clear the search history
AND the “Recently viewed” section that contains maximum 2 most recently viewed product
AND a “clear all” button to clear the viewed history

Screenshot 2024-06-12 at 10.29.37.png

Comments

Leave a Reply