Educational in-product notification

[chkk525]

Description

Please search for the spec "Educational in-product notification" for details

The issue for iOS: brave/brave-ios#2980

Designs

Assets

Figma: https://www.figma.com/file/atoL4LN2kd8ILnPGwohUoV/?node-id=1384%3A0

Q/A

1. we have already released first pink orange tooltip. so in that case, should we reset the preference for the existing user or we shouldn't show it for existing user ? Answer : we shouldn't show it.
2. Should we show the tooltip if the shields panel is already opened ? Answer : We shouldn't show any tooltip if the shields panel is opened.
3. What should happen if the tooltip is visible and user changes the orientation ? Answer : Since orientation change reloads the page and user has already seen the tooltip, we should close the tooltip.
4. Should tooltip be closed on back button pressed ? Answer : Yes
5. Should tooltip be closed by tapping outside of the tooltip area ? Answer : Yes

Notes

In case more than 1 condition is satisfied simultaneously, the notifications should be prioritised:

1. pink orange initial intro tooltip
2. Video ads blocked
3. 10+ trackers & ads
4. Connection encrypted
   We only show the tooltips one at a time. so during the same app open session, user should see only one tooltip. and user should see any of the tooltips only once.

[srirambv]

Verification passed on OnePlus 6T with Android 10 running 1.20.100 x64 build

• Verified test plan from issue description
• Verified only one tooltip is shown at a time even when multiple conditions are met
• Verified tooltip is dismissed when orientation is changed
• Verified tooltip is dismissed when tapped outside the notification area
• Verified tooltip is dismissed when back button is pressed

Ads/Trackers blocked (Pink-orange)	Video Ads blocked (Blue)	10+ Trackers blocked (Blue)	Encrypted Connection (Blue)

• Encountered Connection encrypted educational modal isn't aligned below shields #13892

---

Verification passed on Samsung Tab A with Android 10 running 1.20.100 x64 build

• Verified test plan from issue description
• Verified only one tooltip is shown at a time even when multiple conditions are met
• Verified tooltip is dismissed when orientation is changed
• Verified tooltip is dismissed when tapped outside the notification area
• Verified tooltip is dismissed when back button is pressed

Ads/Trackers blocked (Pink-orange)	Video Ads blocked (Blue)	10+ Trackers blocked (Blue)	Encrypted Connection (Blue)

• Encountered Connection encrypted educational modal isn't aligned below shields #13892

---

Verification passed on LG Nexus 5 with Android 5.1 running 1.20.102 Bravearm.apk

• Verified test plan from issue description
• Verified only one tooltip is shown at a time even when multiple conditions are met
• Verified tooltip is dismissed when orientation is changed
• Verified tooltip is dismissed when tapped outside the notification area
• Verified tooltip is dismissed when back button is pressed

Ads/Trackers blocked (Pink-orange)	Video Ads blocked (Blue)	10+ Trackers blocked (Blue)	Encrypted Connection (Blue)

---

Verification passed on Samsung Galaxy with Android 5.1 running 1.20.102 Bravearm.apk

• Verified test plan from issue description
• Verified only one tooltip is shown at a time even when multiple conditions are met
• Verified tooltip is dismissed when orientation is changed
• Verified tooltip is dismissed when tapped outside the notification area
• Verified tooltip is dismissed when back button is pressed

Ads/Trackers blocked (Pink-orange)	Video Ads blocked (Blue)	10+ Trackers blocked (Blue)	Encrypted Connection (Blue)