Content info is shown in the side panel

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Content Dashboard
• Labels:
  • fc_20_06
  • fc_20_07
  • tango-board-out
  • tango-opt-out
• Epic/Theme:
  • Content_Performance_Analytics
• Epic Link: tango-side-panel-InfoPanel-ContentDashboard
• Sprint: S03E30 - Amsterdam

Motivation

Most of the relevant information about the web contents featured in the content dashboard are set in the columns displayed. The rest of the metadata that can also be useful for content author and marketers will be shown in the side panel (see LPS-114912 in this same epic).

Design

https://www.figma.com/file/lHY7nJRPXxusUV6xV7oI2i/LPS-114912-add-infoPanel-to-content-dashboard?node-id=1%3A3

Technical Requirements

• An option for "Info" will show
  • 1º iteration: in the dropdown (kebab menu) in each row (this for now)
  • 2º iteration: when hovering in the right side of a content's line (see LPS-116840)
• When clicking on the option, a side panel with the content information (Web Content) will show (like an InfoPanel)
• If the side panel is displayed and the user clicks on another option that requires a side panel (info or metrics), then the content of the panel will change.
• If a connection error occurs, a generic error message will show: An unexpected error occurred.

The information detailed in the side panel will be:

DETAILS TAB

• Languages translated into:
  • it will show the list of locales to which the content has been translated (not the default ones)
  • the default one will be marked with a tag
  • A view icon will lead to the view mode of the page (see LPS-112357) when clicking on it 
• Tags (if specified)
• Categories (if specified)
• Display date
• Creation date
• Expiration date (if specified)
• Review date (if specified)
• Priority (if specified)

USAGES TAB

• Usages

Acceptance Criteria

• Given the content dashboard
• When the user clicks on the kebab menu
• Then the Info option shows

–

• Given the content dashboard
• When the user clicks on the Info option in a web content's row
• Then the Info panel shows the versions of the content (max. 2), Languages translated into, Tags, Categories, Display date, Creation date, Expiration date and Review date (if specified for that web content)

–

• Given a web content
• When the user makes changes to it and then save it as a draft
• Then the Info panel shows the version for the last version approved and the version of the draft

–

• Given the info panel for a web content
• When the user clicks in the eye in any of the translated into languages
• Then the user navigates to the "View" version of the page in the matching language

–

• Given the info panel for a web content
• When the user clicks in the eye in any of the translated into languages and navigates to the "View" version of the page in the matching language
• Then the user can click in the back button and be led back to the content dashboard

–

Test Scenarios

Test Scenarios

AC ID	Test Strategy	Test Scenarios	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd? (unit or integration)	Poshi?
01	Regression	When the user clicks on the kebab menu, the Info option is shown in the dropdown	NO	NO
02	Smoke	When the user clicks on the Info option, the Info panel shows the versions of the content (max. 2), Languages translated into, Tags, Categories, Display date, Creation date, Expiration date and Review date (if specified for that web content)	YES*	NO
03	Sanity	When the user makes a change on web content and creates a draft version, the Info panel shows the version for the last version approved and the version of the draft	NO	NO
04	Sanity	When the user clicks on the eye icon in any of the translated into languages within the info panel, the user navigates to the "View" version of the page in the matching language	NO	NO
05	Regression	When the user navigates to the "View" version of the page in the matching language, the user can click in the back button and be led back to the content dashboard	NO	NO

• We have this case (02-Smoke) without the user interaction on the Info option in the kebab menu. We only check that the information is rendered in the side panel.