CI View for Selenium

Description

CI Views (#35379 (moved)) allow jobs to create artifacts that are specifically viewed based on their definition.

This issue aims to implement a specific view for Selenium (http://www.seleniumhq.org/).

Proposal

Selenium screenshots should presented in a fancy way using a CI viewer.

People running Selenium tests (test in different browsers) want to access screenshots of their tests (provided by Selenium). Some mockups/screenshots are available in https://gitlab.com/gitlab-org/gitlab-ce/issues/35379#note_38913392.

Users will create a pipeline job to run the tests, and they mark these artifacts to be viewed as "Selenium" artifacts. The job will produce metadata and screenshots as artifacts.

When opening the job details view, instead of the standard "black terminal" view, we want to show this specific view. "Raw" view will be available as a secondary tab (or equivalent).

Design

  • Selectbox:
  • The session ID
  • Having OS/browser icons and version
  • Expand/Collapse all button:
  • If there is a list is expanded, the button will be Collapse all.
  • If there is a list is collapsed, the button will be Expand all.
  • Start and Duration time format: 00 mins 00 s.
  • Screenshot image:
  • Having3px rounded corner.
  • Having a shadow.

ci-view-selenium

Links / references

CI Views (#35379 (moved))

Documentation blurb

Overview

What is it? Why should someone use this feature? What is the underlying (business) problem? How do you use this feature?

Use cases

Who is this for? Provide one or more use cases.

Feature checklist

Make sure these are completed before closing the issue, with a link to the relevant commit.

Edited by Hazel Yang