Changes after review

app/assets/stylesheets/pages/pipelines.scss

@@ -645,14 +645,6 @@
         margin-bottom: 0;
         line-height: 1.2;
       }
-
-      li:first-child {
-        padding-top: 6px;
-      }
-
-      li:last-child {
-        padding-bottom: 6px;
-      }
     }
 
     .dropdown-build {

app/views/ci/status/_graph_badge.html.haml

@@ -3,9 +3,10 @@
 - subject = local_assigns.fetch(:subject)
 - status = subject.detailed_status(current_user)
 - klass = "ci-status-icon ci-status-icon-#{status}"
+- tooltip_title = "#{subject.name} - #{status.label}"
 
 - if status.has_details?
-  = link_to status.details_path, data: { toggle: 'tooltip', title: "#{subject.name} - #{status}" } do
+  = link_to status.details_path, data: { toggle: 'tooltip', title: tooltip_title } do
     %span{ class: klass }= custom_icon(status.icon)
     .ci-status-text= subject.name
 - else
@@ -14,6 +15,6 @@
 
 - if status.has_action?
   = link_to status.action_path, method: status.action_method,
-    title: "#{subject.name}: #{status.action_title}", class: 'ci-action-icon-container' do
+    title: tooltip_title, class: 'ci-action-icon-container' do
     %i.ci-action-icon-wrapper
       = icon(status.action_icon, class: status.action_class)

spec/features/projects/pipelines/pipeline_spec.rb

@@ -39,64 +39,89 @@ describe "Pipelines", feature: true, js: true do
     end
 
     context 'pipeline graph' do
+      context 'running build' do
         it 'shows a running icon and a cancel action for the running build' do
-        title = "#{@running.name} - #{@running.status}"
-
-        page.within("a[data-title='#{title}']") do
+          page.within('a[data-title="deploy - running"]') do
             expect(page).to have_selector('.ci-status-icon-running')
             expect(page).to have_content('deploy')
           end
 
-        page.within("a[data-title='#{title}'] + .ci-action-icon-container") do
+          page.within('a[data-title="deploy - running"] + .ci-action-icon-container') do
             expect(page).to have_selector('.ci-action-icon-container .fa-ban')
           end
+        end
+
+        it 'should be possible to cancel the running build' do
+          find('a[data-title="deploy - running"] + .ci-action-icon-container').trigger('click')
 
+          expect(page).not_to have_content('Cancel running')
+        end
       end
 
+      context 'success build' do
         it 'shows the success icon and a retry action for the successfull build' do
-        title = "#{@success.name} - #{@success.status}"
-
-        page.within("a[data-title='#{title}']") do
+          page.within('a[data-title="build - passed"]') do
             expect(page).to have_selector('.ci-status-icon-success')
             expect(page).to have_content('build')
           end
 
-        page.within("a[data-title='#{title}'] + .ci-action-icon-container") do
+          page.within('a[data-title="build - passed"] + .ci-action-icon-container') do
             expect(page).to have_selector('.ci-action-icon-container .fa-refresh')
           end
         end
 
-      it 'shows the failed icon and a retry action for the failed build' do
-        title = "#{@failed.name} - #{@failed.status}"
+        it 'should be possible to retry the success build' do
+          find('a[data-title="build - passed"] + .ci-action-icon-container').trigger('click')
 
-        page.within("a[data-title='#{title}']") do
+          expect(page).not_to have_content('Retry build')
+        end
+      end
+
+      context 'failed build' do
+        it 'shows the failed icon and a retry action for the failed build' do
+          page.within('a[data-title="test - failed"]') do
             expect(page).to have_selector('.ci-status-icon-failed')
             expect(page).to have_content('test')
           end
 
-        page.within("a[data-title='#{title}'] + .ci-action-icon-container") do
+          page.within('a[data-title="test - failed"] + .ci-action-icon-container') do
             expect(page).to have_selector('.ci-action-icon-container .fa-refresh')
           end
         end
 
-      it 'shows the skipped icon and a play action for the manual build' do
-        title = "#{@manual.name} - #{@manual.status}"
+        it 'should be possible to retry the failed build' do
+          find('a[data-title="test - failed"] + .ci-action-icon-container').trigger('click')
 
-        page.within("a[data-title='#{title}']") do
+          expect(page).not_to have_content('Retry build')
+        end
+      end
+
+      context 'manual build' do
+        it 'shows the skipped icon and a play action for the manual build' do
+          page.within('a[data-title="manual build - manual play action"]') do
             expect(page).to have_selector('.ci-status-icon-skipped')
             expect(page).to have_content('manual')
           end
 
-        page.within("a[data-title='#{title}'] + .ci-action-icon-container") do
+          page.within('a[data-title="manual build - manual play action"] + .ci-action-icon-container') do
             expect(page).to have_selector('.ci-action-icon-container .fa-play')
           end
         end
 
+        it 'should be possible to play the manual build' do
+          find('a[data-title="manual build - manual play action"] + .ci-action-icon-container').trigger('click')
+
+          expect(page).not_to have_content('Play build')
+        end
+      end
+
+      context 'external build' do
         it 'shows the success icon and the generic comit status build' do
           expect(page).to have_selector('.ci-status-icon-success')
           expect(page).to have_content('jenkins')
         end
       end
+    end
 
     context 'page tabs' do
       it 'shows Pipeline and Builds tabs with link' do