Fix downstream counter badge link

Ensure the counter badge links to
the pipeline path by passing the
prop.

Changelog: fixed
EE: true

app/assets/javascripts/pipelines/components/pipelines_list/pipelines_table.vue

@@ -212,6 +212,7 @@ export default {
           <linked-pipelines-mini-list
             v-if="item.triggered.length"
             :triggered="item.triggered"
+            :pipeline-path="item.path"
             data-testid="mini-graph-downstream"
           />
         </div>

app/assets/javascripts/projects/commit_box/info/components/commit_box_pipeline_mini_graph.vue

@@ -87,6 +87,7 @@ export default {
       <linked-pipelines-mini-list
         v-if="hasDownstream"
         :triggered="downstreamPipelines"
+        :pipeline-path="pipeline.path"
         data-testid="commit-box-mini-graph-downstream"
       />
     </div>

app/assets/javascripts/projects/commit_box/info/graphql/queries/get_linked_pipelines.query.graphql

 query getLinkedPipelines($fullPath: ID!, $iid: ID!) {
   project(fullPath: $fullPath) {
     pipeline(iid: $iid) {
+      path
       downstream {
         nodes {
           id

ee/spec/frontend/commit_box/components/commit_box_pipeline_mini_graph_spec.js

@@ -81,6 +81,16 @@ describe('Commit box pipeline mini graph', () => {
       expect(findMiniGraph().exists()).toBe(true);
     });
 
+    it('should pass the pipeline path prop for the counter badge', async () => {
+      createComponent(downstreamHandler);
+
+      await waitForPromises();
+
+      const expectedPath = mockDownstreamQueryResponse.data.project.pipeline.path;
+
+      expect(findDownstream().props('pipelinePath')).toBe(expectedPath);
+    });
+
     describe.each`
       handler                      | downstreamRenders | upstreamRenders
       ${downstreamHandler}         | ${true}           | ${false}

ee/spec/frontend/commit_box/mock_data.js

@@ -2,6 +2,7 @@ export const mockDownstreamQueryResponse = {
   data: {
     project: {
       pipeline: {
+        path: '/root/ci-project/-/pipelines/790',
         downstream: {
           nodes: [
             {
@@ -30,6 +31,7 @@ export const mockUpstreamQueryResponse = {
   data: {
     project: {
       pipeline: {
+        path: '/root/ci-project/-/pipelines/790',
         downstream: {
           nodes: [],
           __typename: 'PipelineConnection',
@@ -56,6 +58,7 @@ export const mockUpstreamDownstreamQueryResponse = {
   data: {
     project: {
       pipeline: {
+        path: '/root/ci-project/-/pipelines/790',
         downstream: {
           nodes: [
             {

ee/spec/frontend/pipelines/pipelines_table_spec.js

@@ -77,6 +77,10 @@ describe('Pipelines Table', () => {
         createComponent({ pipelines: [pipeline] });
       });
 
+      it('should pass the pipeline path prop for the counter badge', () => {
+        expect(findDownstream().props('pipelinePath')).toBe(pipeline.path);
+      });
+
       it('should render only a downstream pipeline', () => {
         expect(findDownstream().exists()).toBe(true);
         expect(findUpstream().exists()).toBe(false);