Problem:
Search previews is a new feature that will be introduced on special:search page. Users may not immediately notice the change.
Solution:
A tutorial / message that would introduce quick view to logged in users.
A similar tutorial shows up on desktop as well which is captured in T311669
Acceptance Criteria
- Show the onboarding pop up when the logged in user first sees the results on the special search page.
- The onboarding pop up should point at the snippet of the first result.
- Show the icon, title and text as shown in the pop up in the mocks.
- Have the blue icon pulsate. This is a standard component in design system.
- Cross icon on the pop up should close the pop up
- Automatically close the pop up when the user clicks on a snippet (any snippet on the page). Also open the preview when the snippet is clicked.
- Do not show the onboarding pop up again to the same logged in user.
- Logged out users will not see this pop up. (Search previews are enabled by default.)
- If the user clicks on any link on the page that takes them to a new page consider the onboarding pop up as seen and hide it next time or if they go back.
- Clicking on snippet or performing a new search will hide the pop up and do not show it again.
- The code should be simple to remove in the future (e.g. we do not want classes and code scattered everywhere, but in a nice folder with all the info in it)
