Commit e4ff7462 authored by Jacob Schatz's avatar Jacob Schatz

Merge branch '28494-mini-pipeline-graph-commit-view' into 'master'

Adds pipeline mini-graph to system information box in Commit View

Closes #28494

See merge request !9902
parents 111e8684 ec970763
...@@ -201,10 +201,13 @@ const UserCallout = require('./user_callout'); ...@@ -201,10 +201,13 @@ const UserCallout = require('./user_callout');
new gl.Diff(); new gl.Diff();
new ZenMode(); new ZenMode();
shortcut_handler = new ShortcutsNavigation(); shortcut_handler = new ShortcutsNavigation();
new MiniPipelineGraph({
container: '.js-commit-pipeline-graph',
}).bindEvents();
break; break;
case 'projects:commit:pipelines': case 'projects:commit:pipelines':
new MiniPipelineGraph({ new MiniPipelineGraph({
container: '.js-pipeline-table', container: '.js-commit-pipeline-graph',
}).bindEvents(); }).bindEvents();
break; break;
case 'projects:commits:show': case 'projects:commits:show':
......
...@@ -38,6 +38,38 @@ ...@@ -38,6 +38,38 @@
} }
} }
.pipeline-info {
.status-icon-container {
display: inline-block;
vertical-align: middle;
margin-right: 3px;
svg {
display: block;
width: 22px;
height: 22px;
}
}
.mr-widget-pipeline-graph {
display: inline-block;
vertical-align: middle;
margin: 0 -6px 0 0;
.dropdown-menu {
margin-top: 11px;
}
}
}
.branch-info .commit-icon {
margin-right: 3px;
svg {
top: 3px;
}
}
/* /*
* Commit message textarea for web editor and * Commit message textarea for web editor and
* custom merge request message * custom merge request message
......
...@@ -231,6 +231,10 @@ class Commit ...@@ -231,6 +231,10 @@ class Commit
project.pipelines.where(sha: sha) project.pipelines.where(sha: sha)
end end
def latest_pipeline
pipelines.last
end
def status(ref = nil) def status(ref = nil)
@statuses ||= {} @statuses ||= {}
......
...@@ -63,15 +63,15 @@ ...@@ -63,15 +63,15 @@
- if @commit.status - if @commit.status
.well-segment.pipeline-info .well-segment.pipeline-info
%div{ class: "icon-container ci-status-icon-#{@commit.status}" } .status-icon-container{ class: "ci-status-icon-#{@commit.status}" }
= link_to namespace_project_pipeline_path(@project.namespace, @project, @commit.pipelines.last.id) do = link_to namespace_project_pipeline_path(@project.namespace, @project, @commit.latest_pipeline.id) do
= ci_icon_for_status(@commit.status) = ci_icon_for_status(@commit.status)
Pipeline Pipeline
= link_to "##{@commit.pipelines.last.id}", namespace_project_pipeline_path(@project.namespace, @project, @commit.pipelines.last.id), class: "monospace" = link_to "##{@commit.latest_pipeline.id}", namespace_project_pipeline_path(@project.namespace, @project, @commit.latest_pipeline.id), class: "monospace"
for
= link_to @commit.short_id, namespace_project_commit_path(@project.namespace, @project, @commit), class: "monospace"
%span.ci-status-label
= ci_label_for_status(@commit.status) = ci_label_for_status(@commit.status)
- if @commit.latest_pipeline.stages.any?
.mr-widget-pipeline-graph
= render 'shared/mini_pipeline_graph', pipeline: @commit.latest_pipeline, klass: 'js-commit-pipeline-graph'
in in
= time_interval_in_words @commit.pipelines.total_duration = time_interval_in_words @commit.pipelines.total_duration
......
---
title: Adds pipeline mini-graph to system information box in Commit View
merge_request:
author:
...@@ -163,7 +163,7 @@ class Spinach::Features::ProjectCommits < Spinach::FeatureSteps ...@@ -163,7 +163,7 @@ class Spinach::Features::ProjectCommits < Spinach::FeatureSteps
end end
step 'I see commit ci info' do step 'I see commit ci info' do
expect(page).to have_content "Pipeline #1 for 570e7b2a pending" expect(page).to have_content "Pipeline #1 pending"
end end
step 'I search "submodules" commits' do step 'I search "submodules" commits' do
......
require 'rails_helper'
feature 'Mini Pipeline Graph in Commit View', :js, :feature do
include WaitForAjax
let(:user) { create(:user) }
let(:project) { create(:project, :public) }
before do
login_as(user)
end
context 'when commit has pipelines' do
let(:pipeline) do
create(:ci_empty_pipeline,
project: project,
ref: project.default_branch,
sha: project.commit.sha)
end
let(:build) do
create(:ci_build, pipeline: pipeline)
end
before do
build.run
visit namespace_project_commit_path(project.namespace, project, project.commit.id)
end
it 'should display a mini pipeline graph' do
expect(page).to have_selector('.mr-widget-pipeline-graph')
end
it 'should show the builds list when stage is clicked' do
first('.mini-pipeline-graph-dropdown-toggle').click
wait_for_ajax
page.within '.js-builds-dropdown-list' do
expect(page).to have_selector('.ci-status-icon-running')
expect(page).to have_content(build.stage)
end
end
end
context 'when commit does not have pipelines' do
before do
visit namespace_project_commit_path(project.namespace, project, project.commit.id)
end
it 'should not display a mini pipeline graph' do
expect(page).not_to have_selector('.mr-widget-pipeline-graph')
end
end
end
...@@ -212,6 +212,25 @@ eos ...@@ -212,6 +212,25 @@ eos
end end
end end
describe '#latest_pipeline' do
let!(:first_pipeline) do
create(:ci_empty_pipeline,
project: project,
sha: commit.sha,
status: 'success')
end
let!(:second_pipeline) do
create(:ci_empty_pipeline,
project: project,
sha: commit.sha,
status: 'success')
end
it 'returns latest pipeline' do
expect(commit.latest_pipeline).to eq second_pipeline
end
end
describe '#status' do describe '#status' do
context 'without ref argument' do context 'without ref argument' do
before do before do
......
...@@ -25,7 +25,7 @@ describe 'projects/commit/_commit_box.html.haml' do ...@@ -25,7 +25,7 @@ describe 'projects/commit/_commit_box.html.haml' do
render render
expect(rendered).to have_text("Pipeline ##{third_pipeline.id} for #{Commit.truncate_sha(project.commit.sha)} failed") expect(rendered).to have_text("Pipeline ##{third_pipeline.id} failed")
end end
context 'viewing a commit' do context 'viewing a commit' do
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment