1 files changed, 111 insertions, 100 deletions
diff --git a/spec/frontend/commit/mock_data.js b/spec/frontend/commit/mock_data.js
index 8db162c07c2..aef137e6fa5 100644
--- a/spec/frontend/commit/mock_data.js
+++ b/spec/frontend/commit/mock_data.js
@@ -3,116 +3,21 @@ export const mockStages = [
     name: 'build',
     title: 'build: passed',
     status: {
+      __typename: 'DetailedStatus',
+      id: 'success-409-409',
       icon: 'status_success',
       text: 'passed',
       label: 'passed',
       group: 'success',
       tooltip: 'passed',
       has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#build',
+      details_path: '/root/ci-project/-/pipelines/318#build',
       illustration: null,
       favicon:
         '/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png',
     },
-    path: '/root/ci-project/-/pipelines/611#build',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=build',
-  },
-  {
-    name: 'test',
-    title: 'test: passed',
-    status: {
-      icon: 'status_success',
-      text: 'passed',
-      label: 'passed',
-      group: 'success',
-      tooltip: 'passed',
-      has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#test',
-      illustration: null,
-      favicon:
-        '/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png',
-    },
-    path: '/root/ci-project/-/pipelines/611#test',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=test',
-  },
-  {
-    name: 'test_two',
-    title: 'test_two: passed',
-    status: {
-      icon: 'status_success',
-      text: 'passed',
-      label: 'passed',
-      group: 'success',
-      tooltip: 'passed',
-      has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#test_two',
-      illustration: null,
-      favicon:
-        '/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png',
-    },
-    path: '/root/ci-project/-/pipelines/611#test_two',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=test_two',
-  },
-  {
-    name: 'manual',
-    title: 'manual: skipped',
-    status: {
-      icon: 'status_skipped',
-      text: 'skipped',
-      label: 'skipped',
-      group: 'skipped',
-      tooltip: 'skipped',
-      has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#manual',
-      illustration: null,
-      favicon:
-        '/assets/ci_favicons/favicon_status_skipped-0b9c5e543588945e8c4ca57786bbf2d0c56631959c9f853300392d0315be829b.png',
-      action: {
-        icon: 'play',
-        title: 'Play all manual',
-        path: '/root/ci-project/-/pipelines/611/stages/manual/play_manual',
-        method: 'post',
-        button_title: 'Play all manual',
-      },
-    },
-    path: '/root/ci-project/-/pipelines/611#manual',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=manual',
-  },
-  {
-    name: 'deploy',
-    title: 'deploy: passed',
-    status: {
-      icon: 'status_success',
-      text: 'passed',
-      label: 'passed',
-      group: 'success',
-      tooltip: 'passed',
-      has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#deploy',
-      illustration: null,
-      favicon:
-        '/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png',
-    },
-    path: '/root/ci-project/-/pipelines/611#deploy',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=deploy',
-  },
-  {
-    name: 'qa',
-    title: 'qa: passed',
-    status: {
-      icon: 'status_success',
-      text: 'passed',
-      label: 'passed',
-      group: 'success',
-      tooltip: 'passed',
-      has_details: true,
-      details_path: '/root/ci-project/-/pipelines/611#qa',
-      illustration: null,
-      favicon:
-        '/assets/ci_favicons/favicon_status_success-8451333011eee8ce9f2ab25dc487fe24a8758c694827a582f17f42b0a90446a2.png',
-    },
-    path: '/root/ci-project/-/pipelines/611#qa',
-    dropdown_path: '/root/ci-project/-/pipelines/611/stage.json?stage=qa',
+    path: '/root/ci-project/-/pipelines/318#build',
+    dropdown_path: '/root/ci-project/-/pipelines/318/stage.json?stage=build',
   },
 ];
 
@@ -161,3 +66,109 @@ export const mockPipelineStatusResponse = {
     },
   },
 };
+
+export const mockDownstreamQueryResponse = {
+  data: {
+    project: {
+      id: '1',
+      pipeline: {
+        path: '/root/ci-project/-/pipelines/790',
+        id: 'pipeline-1',
+        downstream: {
+          nodes: [
+            {
+              id: 'gid://gitlab/Ci::Pipeline/612',
+              path: '/root/job-log-sections/-/pipelines/612',
+              project: { id: '1', name: 'job-log-sections', __typename: 'Project' },
+              detailedStatus: {
+                id: 'status-1',
+                group: 'success',
+                icon: 'status_success',
+                label: 'passed',
+                __typename: 'DetailedStatus',
+              },
+              __typename: 'Pipeline',
+            },
+          ],
+          __typename: 'PipelineConnection',
+        },
+        upstream: null,
+      },
+      __typename: 'Project',
+    },
+  },
+};
+
+export const mockUpstreamDownstreamQueryResponse = {
+  data: {
+    project: {
+      id: '1',
+      pipeline: {
+        id: 'pipeline-1',
+        path: '/root/ci-project/-/pipelines/790',
+        downstream: {
+          nodes: [
+            {
+              id: 'gid://gitlab/Ci::Pipeline/612',
+              path: '/root/job-log-sections/-/pipelines/612',
+              project: { id: '1', name: 'job-log-sections', __typename: 'Project' },
+              detailedStatus: {
+                id: 'status-1',
+                group: 'success',
+                icon: 'status_success',
+                label: 'passed',
+                __typename: 'DetailedStatus',
+              },
+              __typename: 'Pipeline',
+            },
+          ],
+          __typename: 'PipelineConnection',
+        },
+        upstream: {
+          id: 'gid://gitlab/Ci::Pipeline/610',
+          path: '/root/trigger-downstream/-/pipelines/610',
+          project: { id: '1', name: 'trigger-downstream', __typename: 'Project' },
+          detailedStatus: {
+            id: 'status-1',
+            group: 'success',
+            icon: 'status_success',
+            label: 'passed',
+            __typename: 'DetailedStatus',
+          },
+          __typename: 'Pipeline',
+        },
+      },
+      __typename: 'Project',
+    },
+  },
+};
+
+export const mockUpstreamQueryResponse = {
+  data: {
+    project: {
+      id: '1',
+      pipeline: {
+        id: 'pipeline-1',
+        path: '/root/ci-project/-/pipelines/790',
+        downstream: {
+          nodes: [],
+          __typename: 'PipelineConnection',
+        },
+        upstream: {
+          id: 'gid://gitlab/Ci::Pipeline/610',
+          path: '/root/trigger-downstream/-/pipelines/610',
+          project: { id: '1', name: 'trigger-downstream', __typename: 'Project' },
+          detailedStatus: {
+            id: 'status-1',
+            group: 'success',
+            icon: 'status_success',
+            label: 'passed',
+            __typename: 'DetailedStatus',
+          },
+          __typename: 'Pipeline',
+        },
+      },
+      __typename: 'Project',
+    },
+  },
+};