...
Search Scenario | Result |
|---|---|
"ic e" | The space will break the word, and it will look for any offer that has its name in any part of it "ic" nd the next word starting with "e" => No results for "ic e" |
"ice" | It will look for any offer that has its name in any part of it "ice" => Ice Brioche And Drink |
"nd " | It won't look for any offer, because it didn't reach the 3 characters limitation => No results for "nd " |
"nd d" | The space will break the word, and it will look for any offer that has its name in any part of it "nd" and the next word starting with "d" => Ice Brioche And Drink |
"iceb" | It will look for any offer that has its name in any part of it "iceb" => No results for "iceb |
"iC e" | The space will break the word, and it will look for any offer that has its name in any part of it "ic" nd the next word starting with "e" => No results for "ic e" |
"ND d" | The space will break the word, and it will look for any offer that has its name in any part of it "nd" and the next word starting with "d" => Ice Brioche And Drink |
Tasks Breaking Down
Task 1 - Create a feature flag
Create
enable-search-assigned-offersfeature flag
Estimated time:
Task 2 - Add AutoComplete Material UI Component
When
enable-search-assigned-offersfeature flag is enabled, replace inoffer-form.tsxOfferTemplate Input Label and Select for an AutoComplete componentget all offer names by whatever was typed considering the requirements
add a warning message for when there aren’t any offer names by whatever was typed
update tests
Estimated time: