Create a visualization of historical views

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Pages > Content Performance
• Labels:
  • fc_20_01
• Epic/Theme:
  • Content_Performance_Analytics
• Epic Link: tango-content-performance-views
• Sprint: TANGO | SP_28 | Jan22-Feb05, TANGO | SP_29 | Feb10-Feb19, TANGO | SP_30 | Feb19-Mar04

Motivation

It is important to understand how content performance has changed over time and whether content modifications have impacted performance. Because there is a need to flexibly showcase different granularities of information, we will have to provide an interactive visualization.

Persona

Content Author - refer to epic

Requirements

The visualization will have to display views in an easily comparable fashion over the course of the lifespan of a published article. Visualization needs to fit into a limited space.

(Time intervals will be added in a separate story)

Design

https://www.figma.com/file/CT6s6cAwWdFnzCpjAh5hHN/LPS-105215-visualization-historical-views?node-id=120%3A39919

References:
The use of Line chart instead of Bar lines comes from the possibility to easily compare data between several metrics without loosing perspective of the trend.
Dates

Find in this document more information: Chart Uses, Content Metrics and Date Format for Content Performance

Technical Requirements

• Default chart view (static week)
• Use Rechart Component for chart
• Legend
• Title with date interval (from date to date)
• Hover out of the box (on dots)

Acceptance Criteria

Content Performance panel shows a chart with the historial views of the last week, with hover actions (in the dots of the chart and in the legend)

DOTS

• Given the content performance panel
• When the user hover on a dot
• Then a pop up with metrics on that time range shows

LEGEND

Content Performance panel shows a legend with the total views of the time range

• Given the content performance panel
• Then the panel shows a legend with the total views for that time range (static week)

Content Perfomance panel shows a text with the time range

• Given the content performance panel
• Then the panel shows a text with the time range (static week)

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	Content Performance panel shows a chart with the historial views (static week)	NO	NO	X*
02	Smoke	Content Performance panel default time range is by week	NO	NO	X*
03	Regression	A legend is displayed with the total views of the time range	YES	NO	-
04	Regression	Content Perfomance panel shows a text with the time range	YES	NO	-
05	Regression	When the user hover a dot of the chart, a pop up with metrics on that time range shows	YES	NO	-

carlos.brichete you decided if it makes sense to automate the first two in Poshi. Thanks.

sarai.diaz Yes, i will automate the first one since its smoke and its not covered by front nor back end