Add missing sourceBranchLink prop to CI widget

ee/app/assets/javascripts/vue_merge_request_widget/mr_widget_options.vue

@@ -234,6 +234,7 @@ export default {
       :pipeline="mr.pipeline"
       :ci-status="mr.ciStatus"
       :has-ci="mr.hasCI"
+      :source-branch-link="mr.sourceBranchLink"
     />
     <deployment
       v-for="deployment in mr.deployments"

ee/changelogs/unreleased/winh-fix-ci-widget-branch.yml

+---
+title: Add missing sourceBranchLink prop to CI widget
+merge_request: 6493
+author:
+type: fixed

spec/javascripts/vue_mr_widget/ee_mr_widget_options_spec.js

@@ -49,11 +49,13 @@ describe('ee merge request widget options', () => {
     vm.$destroy();
     mock.restore();
 
-    // Clean security reports state
-    Component.mr.sast = state().sast;
-    Component.mr.sastContainer = state().sastContainer;
-    Component.mr.dast = state().dast;
-    Component.mr.dependencyScanning = state().dependencyScanning;
+    if (Component.mr) {
+      // Clean security reports state
+      Component.mr.sast = state().sast;
+      Component.mr.sastContainer = state().sastContainer;
+      Component.mr.dast = state().dast;
+      Component.mr.dependencyScanning = state().dependencyScanning;
+    }
   });
 
   describe('security widget', () => {
@@ -879,4 +881,19 @@ describe('ee merge request widget options', () => {
       expect(vm.$el.querySelectorAll('.deploy-heading').length).toBe(2);
     });
   });
+
+  describe('CI widget', () => {
+    it('renders the branch in the pipeline widget', () => {
+      const sourceBranchLink = '<a href="https://www.zelda.com/">Link</a>';
+      vm = mountComponent(Component, {
+        mrData: {
+          ...mockData,
+          source_branch_with_namespace_link: sourceBranchLink,
+        },
+      });
+
+      const ciWidget = vm.$el.querySelector('.mr-state-widget .label-branch');
+      expect(ciWidget).toContainHtml(sourceBranchLink);
+    });
+  });
 });