Context

Link to User Documentation:

Notion Link>

Process Diagram:

• Link to MIRO board

Design LInk:

LInk to Figma Screens Designs>

Link to Figma User Stories>

This task encapsulates the scenarios that should guide the internal testing of the YPP Epic.

• YPP Atlas Scope #2973

Backend implementation link:

• YPP backend youtube-synch#40

Additional tasks raised to be done before release:

• YPP Test Script #3439 (comment)

Scenarios

Landing Page

• YPP icon is added to topnav for viewer and studio.
• Viewer side shows YPP landing page for unregistered users and it matches the designs
• Studio shows YPP landing page for unregistered users and it matches the designs

⛔ Out of scope for the first version of the landing page:

• https://github.com/Joystream/marketing/issues/268
• YT LP Top Creators Carousel #3146
  ⚠️ There will be changes to the landing page based on this ticket:
• Gleev adaptation for YPP #3322

Auth Flow

Start
User not authorised, does not have JS channel

• Landing page has "Create Channel and Sign up" CTA if no channels created for selected membership.
• If channel is already created, then shows just "sign up now" When clicked user is redirected to create channel flow.
  Select channel
• If user has only a single channel created, we skip the "select channel" modal.
  Programme Reqs
• Programme requirements popup is displayed for the users who selected a JS channel to participate in YPP.
• If the first requirement is not met, then this is clearly displayed for the participant.
  Google Auth
• Youtube / Google Auth Screen is served on the sign up flow after programme reqs.
• Waiting while data is fetched is entertained with a separate modal.
  Email and Referrer
• After user authenticated with Youtube creds if requirements are met, display screen with email address input and referrer. This test condition is for the email input..
• After user authenticated with Youtube creds IF followed the referrer link, the referrer CHANNEL be pre-populated. Channel can be provided / edited via manual input. ⚠️ Designs show member, but here must be channel. Validation on participating channel must be done ☝️
  T&Cs
• ✅ Youtube channel criteria are met -> the Terms and Conditions screen is shown. ⚠️ T&Cs will be with placeholder copy in the current version, as @dmtrjsg will fetch the content of the terms.
• ⚠️ If T&Cs are not accepted, Auth flow resets to default and user is shown YPP landing page.
  Confirmation screen
• After T&Cs accepted, the confirmation screen is shown with link to dashboard.
• ☝️ Check that channel was added to the Backend Table.

Failed screen

• 🚫 Youtube channel criteria are not met -> Failed screen is displayed. Each individual criteria is marked as passed/ failed on the failed screen.

User signed up to YPP - Dashboard View

• YPP Viewer side shows YPP landing page but main CTA says "Go to Dashboard"
• YPP Channel side shows YPP Dashboard. Designs Match Figma >
• Dashboard displays the Tier of the channel. Tiers are currently hardcoded.
• Dashboard displays tasks each corresponding to the correct start of the flow: Publish New VIdeo, Go to My Videos, Get Referral link.
• Dashboard widget links point to Notion page, Airtable Payouts Table, Support Discord Chat
• Get referral link shows confirmation in the toaster menu "Referral link copied to clipboard"

Creating Channel Flow

• All new users creating JS channels have an additional popup inviting to sign up to YPP.
• If user has only a single channel created, we skip the "select channel" modal.

Multiple Channels Flows

• If user has multiple JS channels created, YPP flow displays all channels asking which one to choose for YPP
• On YPP dashboard user can authorise with a different/ new JS channel
• On the YPP landing page the prompt to create a new channel and sign up is shown in case the channel currently selected by member is already participating.
• Clicking on "sign up" CTA brings user to JS channel selector

Other user cases

• Channel Tier updates from 1 to 2 -> Correct Tier is shown. Same for 2->3 and 1->2. ⚠️ this requires an easy re-build of the Tiers.
• Channel suspended status is shown on dashboard and via notification.

┆Issue is synchronized with this Asana task by Unito