CI: One uniform view to follow a pipeline's job progresses, statuses and outputs

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Problem to solve

Pipeline view at https://gitlab/GROUP/PROJECT/pipelines/ID displays the current status of each job. Following outputs of all jobs, one after another, is very clunky, as it requires users to open each job. I find myself clicking way too much in GitLab CI - and all I could have to save unneeded clicking and refreshing is a uniform view to follow the progress of all jobs in the pipeline.

GitLab CI looks to be complicated and have a "clunky", non-responsive UI when compared to primitive CIs like Codeship. I understand it's not easy to come up with a one view to follow the pipeline from its start to an end because there's multiple stages that can have any number of jobs - something Codeship doesn't have. But - I think I have an idea.

Target audience

https://design.gitlab.com/getting-started/personas is 404

Proposal - common

  • Clicking on a stage displays its jobs below
  • Clicking on a job displays its output below (tail -f, behavior like on job page)
  • Stage and job icons auto-update when any status changes
  • Checkbox to "auto-follow stages and jobs" - if enabled, view will automatically switch to the next running stage/job upon completion of the previous one.

Proposal 1

image

Proposal 2

Display the original graph from "Pipelines" first (except, make stages clickable tabs), and then the jobs as tabs below.

Clicking on the job in the original pipeline tree opens job output below too.

image

What does success look like, and how can we measure that?

I can watch my pipeline progress from beginning to end without a single click.

Links / references

gitlab-ce10230929 gitlab-ce2024184 gitlab-ce2278654 gitlab-ce4107606 gitlab-ce~30117153

@markglenfletcher @jlenny @markpundsack @ayufan @grzesiek @dzaporozhets @tauriedavis

Edited by 🤖 GitLab Bot 🤖