Expose coverage report badge in pipeline settings

app/controllers/projects/pipelines_settings_controller.rb

@@ -3,7 +3,13 @@ class Projects::PipelinesSettingsController < Projects::ApplicationController
 
   def show
     @ref = params[:ref] || @project.default_branch || 'master'
-    @build_badge = Gitlab::Badge::Build::Status.new(@project, @ref).metadata
+
+    @badges = [Gitlab::Badge::Build::Status,
+               Gitlab::Badge::Coverage::Report]
+
+    @badges.map! do |badge|
+      badge.new(@project, @ref).metadata
+    end
   end
 
   def update

app/views/projects/pipelines_settings/show.html.haml

@@ -77,15 +77,19 @@
 %hr
 
 .row.prepend-top-default
+  - @badges.each do |badge|
+    .row{ class: badge.title.gsub(' ', '-') }
       .col-lg-3.profile-settings-sidebar
         %h4.prepend-top-0
-      Builds Badge
+          = badge.title.capitalize
       .col-lg-9
         .prepend-top-10
           .panel.panel-default
             .panel-heading
-          %b Builds badge ·
-          = @build_badge.to_html
+              %b
+                = badge.title.capitalize
+                ·
+              = badge.to_html
               .pull-right
                 = render 'shared/ref_switcher', destination: 'badges', align_right: true
             .panel-body
@@ -93,11 +97,11 @@
                 .col-md-2.text-center
                   Markdown
                 .col-md-10.code.js-syntax-highlight
-              = highlight('.md', @build_badge.to_markdown)
+                  = highlight('.md', badge.to_markdown)
               .row
                 %hr
               .row
                 .col-md-2.text-center
                   HTML
                 .col-md-10.code.js-syntax-highlight
-              = highlight('.html', @build_badge.to_html)
+                  = highlight('.html', badge.to_html)

spec/features/projects/badges/list_spec.rb

@@ -9,7 +9,8 @@ feature 'list of badges' do
     visit namespace_project_pipelines_settings_path(project.namespace, project)
   end
 
-  scenario 'user displays list of badges' do
+  scenario 'user wants to see build status badge' do
+    page.within('.build-status') do
       expect(page).to have_content 'build status'
       expect(page).to have_content 'Markdown'
       expect(page).to have_content 'HTML'
@@ -20,8 +21,24 @@ feature 'list of badges' do
         expect(page).to have_content 'badges/master/build.svg'
       end
     end
+  end
+
+  scenario 'user wants to see coverage report badge' do
+    page.within('.coverage-report') do
+      expect(page).to have_content 'coverage report'
+      expect(page).to have_content 'Markdown'
+      expect(page).to have_content 'HTML'
+      expect(page).to have_css('.highlight', count: 2)
+      expect(page).to have_xpath("//img[@alt='coverage report']")
 
-  scenario 'user changes current ref on badges list page', js: true do
+      page.within('.highlight', match: :first) do
+        expect(page).to have_content 'badges/master/coverage.svg'
+      end
+    end
+  end
+
+  scenario 'user changes current ref of build status badge', js: true do
+    page.within('.build-status') do
       first('.js-project-refs-dropdown').click
 
       page.within '.project-refs-form' do
@@ -30,4 +47,5 @@ feature 'list of badges' do
 
       expect(page).to have_content 'badges/improve/awesome/build.svg'
     end
+  end
 end