Skip to main content

Upsell Social Feed

BACKGROUND: We believe there is an opportunity to delight wobblies by automatically creating Apps that are customized to their business. The most obvious use case for this is to take Social Media Icons users and create Social Feeds using those same accounts. This task is about making that happen!

Tasks:

https://powrtrak.atlassian.net/browse/PM-5638 \ https://powrtrak.atlassian.net/browse/PM-5703

IVAN - Auto-generation specs​

Scenario: A user has a saved Social Media Icons app and we want to auto-generate a Social Feed using the first available social account connected in Social Media Icons.

GIVEN that a user has edited a Social Media Icons app (backup_content is available)

AND the social media icons has at least one valid social account

WHEN our SocialGenerator script is run

THEN a Social Feed App should be generated using the first valid social account connected in the Social Media Icons (see “Parsing Social Feed” specs below)

AND the App should be assigned to the same Users \ AND the App status should be draft (saved: false, backup_content set) \ AND a flag should be set on AppInfo to indicate it was auto-generated (e.g. AppInfo.auto_generated = true) \ AND a flag should be set on AppInfo to indicate the auto-generated app has not been viewed yet (i.e. AppInfo.auto_generated_notification_viewed = false)

Scenario: Users with a saved Social Media Icons app who load users/me should see an auto-generated Social Feed the next time they load users/me. This Social Feed should remain in their account unless they delete it. [Note: this should automatically work based on first scenario]

Given that a user has a saved Social Media Icons app,

AND SocialGenerator script has been run \ When the user next loads users/me

Then an auto-generated Social Feed will appear in their “My Plugins” section

And will show a screenshot of the Social Feed and a status of “Draft”

IVAN - Parsing Social Feed Specs​

NOTE: Below are examples of parsing each type of social connect we’d like to parse. This is the ideal list, but if any of these are not easy to do, it is fine to skip them (so we can get this launched and see if it works).

Scenario: The first public social account connected in Social Media Icons should auto-generate a specific Feed in users/me.

Given a user has connected a social account to the first drilldown in Social Media Icons,

When the user loads users/me,

The auto-generated Feed should correspond with with type of social account connected

Ex. If a Facebook Feed was connected as the first account in Social Media Icons, then the auto-generated feed in users/me will be a Facebook Feed (more details below)

Scenario: A Facebook Feed should be generated if a public Facebook page is connected in Social Media Icons

Given a user connects a public Facebook page URL to the first drilldown of their Social Media Icons,

And the URL connected is https://www.facebook.com/cocacola

When the user loads users/me,

Then an auto-generated Facebook Feed should display on users/me with a screenshot of the feed https://www.facebook.com/cocacola

Scenario: An Instagram Feed should be generated if a public Instagram account or hashtag is connected in Social Media Icons

Given a user connects a public Instagram account to the first drilldown of Social Media Icons,

And the URL connected is https://www.instagram.com/natgeo,

When the user loads users/me,

Then an auto-generated Instagram Feed should display on users/me with a screenshot of the feed “natgeo”

Scenario: A Pinterest Feed should be generated if a public Pinterest board is connected in Social Media Icons

Given a user connects a public Pinterest board URL to the first drilldown of their Social Media Icons,

And the URL connected is https://www.pinterest.com/group/board,

When the user loads users/me,

Then an auto-generated Pinterest Feed should display on users/me with a screenshot of the account https://www.pinterest.com/group/board

Scenario: A Tumblr Feed should be generated if a public Tumblr account is connected in Social Media Icons

Given a user connects a public Tumblr URL to the first drilldown of Social Media Icons,

And the URL connected is www.comedycentral.tumblr.com,

When the user loads users/me,

Then an auto-generated Tumblr Feed should display on users/me with a screenshot of the account “comedycentral”

Scenario: A Twitter Feed should be generated if a public Twitter account is connected in Social Media Icons

Given a user connects a public Instagram account to the first drilldown of Social Media Icons,

And the URL connected is ex: https://www.instagram.com/natgeo,

When the user loads users/me,

Then an auto-generated Instagram Feed should display on users/me with a screenshot of the account “natgeo”

Scenario: A Social Feed should be generated if a public Vimeo URL is connected in Social Media Icons

Given a user connects a public Vimeo URL to the first drilldown of their Social Media Icons,

And the URL connected is https://vimeo.com/ykanimation,

When the user loads users/me,

Then an auto-generated Social Feed should display on users/me with a screenshot of the feed https://vimeo.com/ykanimation

Scenario: A Social Feed should be generated if a public YouTube user/channel is connected in Social Media Icons

Given a user connects a public YouTube user to the first drilldown of their Social Media Icons,

And the URL connected is https://www.youtube.com/channel/UC9CoOnJkIBMdeijd9qYoT_g,

When the user loads users/me,

Then an auto-generated Social Feed should display on users/me with a screenshot of the feed https://www.youtube.com/channel/UC9CoOnJkIBMdeijd9qYoT_g

Scenario: A Social Feed should be generated if a public YouTube playlist is connected in Social Media Icons

Given a user connects a public YouTube playlist to the first drilldown of their Social Media Icons,

And the URL connected is https://www.youtube.com/playlist?list=PLojpqoibx6qLagm6dJlEgvNUHf4_rB4It,

When the user loads users/me,

Then an auto-generated Social Feed should display on users/me with a screenshot of the feed https://www.youtube.com/playlist?list=PLojpqoibx6qLagm6dJlEgvNUHf4_rB4It

ANUARBEK - Design Specs​

Scenario: When a user with an auto-generated app that has not been viewed loads users/me, it should have an overlay and a popup tooltip above the auto-generated Social Feed that disappears when the user clicks somewhere on the page.

GIVEN that a user has an auto-generated Social Feed in their account

AND the user has not yet seen a notification (corresponding AppInfo.auto_generated_notification_viewed == false) \ WHEN they load users/me

THEN they will see an overlay in users/me

AND a popup tooltip above their app (see screenshot)

AND the overlay and tooltip will disappear if they click anywhere on the page.

^ Tech note: when the user closes the popup tooltip, an ajax call should be made to set the flag AppInfo.auto_generated_notification_viewed = false for this App

Scenario: Users should only see the overlay and popup tooltip once in users/me.

GIVEN the auto-generated Social Feed appears in a user’s My Plugins dashboard,

WHEN the user loads users/me again (whether in the same session or in a new one),

THEN they should no longer see the overlay.

alt_text

EMAIL (Emilie/Zac)​

Scenario: When a Social Media Icons user has an auto-generated Social Feed, they should immediately get an email notifying them of their new Social Feed. This email should contain a screenshot of their auto-generated Social Feed.

GIVEN that a user has a Social Media Icons app that is connected to at least one social account

WHEN their Social Feed is auto-generated

THEN they should receive an email

AND the email should contain a screenshot of their auto-generated Social Feed

AND the CTA button in the email should redirect them to standalone for the auto-generated Social Feed.