Make pipeline ID a link

Always make the pipeline id
a link when a downstream,
upstream or mutli-project pipeline.

app/assets/javascripts/pipelines/components/graph/linked_pipeline.vue

@@ -130,14 +130,9 @@ export default {
             {{ downstreamTitle }}
           </span>
           <div class="gl-text-truncate">
-            <gl-link
-              v-if="childPipeline"
-              class="gl-text-blue-500!"
-              :href="pipeline.path"
-              data-testid="childPipelineLink"
+            <gl-link class="gl-text-blue-500!" :href="pipeline.path" data-testid="pipelineLink"
               >#{{ pipeline.id }}</gl-link
             >
-            <span v-else>#{{ pipeline.id }}</span>
           </div>
         </div>
       </div>

changelogs/unreleased/make-all-downstream-upstream-ids-links.yml

+---
+title: Make Pipeline ID's always a link for downstream/upstream pipelines
+merge_request: 42107
+author:
+type: added

spec/frontend/pipelines/graph/linked_pipeline_spec.js

@@ -17,7 +17,7 @@ describe('Linked pipeline', () => {
   const findPipelineLabel = () => wrapper.find('[data-testid="downstream-pipeline-label"]');
   const findLinkedPipeline = () => wrapper.find({ ref: 'linkedPipeline' });
   const findLoadingIcon = () => wrapper.find(GlLoadingIcon);
-  const findPipelineLink = () => wrapper.find('[data-testid="childPipelineLink"]');
+  const findPipelineLink = () => wrapper.find('[data-testid="pipelineLink"]');
   const findExpandButton = () => wrapper.find('[data-testid="expandPipelineButton"]');
 
   const createWrapper = (propsData, data = []) => {
@@ -126,14 +126,14 @@ describe('Linked pipeline', () => {
       expect(findPipelineLabel().exists()).toBe(true);
     });
 
-    it('downsteram pipeline should link to the child pipeline if child', () => {
+    it('downstream pipeline should contain the correct link', () => {
       createWrapper(downstreamProps);
       expect(findPipelineLink().attributes('href')).toBe(mockData.triggered_by.path);
     });
 
-    it('upstream pipeline should not contain a link', () => {
+    it('upstream pipeline should contain the correct link', () => {
       createWrapper(upstreamProps);
-      expect(findPipelineLink().exists()).toBe(false);
+      expect(findPipelineLink().attributes('href')).toBe(mockData.triggered_by.path);
     });
 
     it.each`