Context menu for the time series chart to get to the WPT result

[BennyLi]

Motivation To analyze the detailed data of a measurement, a performance analyst needs a context menu to get from the timeseries chart (selected measurement) to the respective WPT result.

AK

• With a left click on a measuring point the WPT result opens in a new tab (waterfall view of the correct step of the measurement)
• The context menu opens with a right click on a measuring point
• The context menu contains the following items (links to the views of the WPT result):
  • Summary
  • Waterfall
  • Performance Review
  • Content Breakdown
  • Domains
  • Screen Shots
  • Filmstrip
  • Filmstrip Overview (opens https://iteratec.github.io/wpt-filmstrip/ with the measurement)
  • Select Point (selects a point to compare this measurement with others)
• If you click with the held super key (Ctrl or Cmd) on a measuring point it will be selected
• If at least one point is already selected and you right-click on another point, an additional point appears in the context menu:
  • Compare Filmstrips
• If you click with the right mouse button anywhere in the chart and a point is selected, you can deselect all points.
• If you click with the right mouse button anywhere in the chart and at least two points are selected, you can:
  • deselect all points
  • or click on "Compare Filmstrips
• Film strips can only be compared if the corresponding measurements have run on the same WPT server.

[BennyLi]

Fixed with #318