Add latest changes from gitlab-org/gitlab@master

2 files changed, 418 insertions, 1 deletions

diff --git a/spec/frontend/pipelines/__snapshots__/parsing_utils_spec.js.snap b/spec/frontend/pipelines/__snapshots__/parsing_utils_spec.js.snap
new file mode 100644
index 00000000000..60625d301c0
--- /dev/null
+++ b/spec/frontend/pipelines/__snapshots__/parsing_utils_spec.js.snap
@@ -0,0 +1,373 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DAG visualization parsing utilities generateColumnsFromLayersList matches the snapshot 1`] = `
+Array [
+  Object {
+    "groups": Array [
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "build_a_nlfjkdnlvskfnksvjknlfdjvlvnjdkjdf_nvjkenjkrlngjeknjkl",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1482/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1482",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "build_a_nlfjkdnlvskfnksvjknlfdjvlvnjdkjdf_nvjkenjkrlngjeknjkl",
+        "size": 1,
+        "stageName": "build",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "build_b",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1515/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1515",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "build_b",
+        "size": 1,
+        "stageName": "build",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "build_c",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1484/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1484",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "build_c",
+        "size": 1,
+        "stageName": "build",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "build_d 1/3",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1485/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1485",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+          Object {
+            "__typename": "CiJob",
+            "name": "build_d 2/3",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1486/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1486",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+          Object {
+            "__typename": "CiJob",
+            "name": "build_d 3/3",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1487/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1487",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "build_d",
+        "size": 3,
+        "stageName": "build",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "test_c",
+            "needs": Array [],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": null,
+              "detailsPath": "/root/kinder-pipe/-/pipelines/154",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": null,
+            },
+          },
+        ],
+        "name": "test_c",
+        "size": 1,
+        "stageName": "test",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": null,
+        },
+      },
+    ],
+    "id": "layer-0",
+    "name": "",
+    "status": Object {
+      "action": null,
+    },
+  },
+  Object {
+    "groups": Array [
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "test_a",
+            "needs": Array [
+              "build_c",
+              "build_b",
+              "build_a_nlfjkdnlvskfnksvjknlfdjvlvnjdkjdf_nvjkenjkrlngjeknjkl",
+            ],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1514/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1514",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "test_a",
+        "size": 1,
+        "stageName": "test",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "test_b 1/2",
+            "needs": Array [
+              "build_d 3/3",
+              "build_d 2/3",
+              "build_d 1/3",
+              "build_b",
+              "build_a_nlfjkdnlvskfnksvjknlfdjvlvnjdkjdf_nvjkenjkrlngjeknjkl",
+            ],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1489/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1489",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+          Object {
+            "__typename": "CiJob",
+            "name": "test_b 2/2",
+            "needs": Array [
+              "build_d 3/3",
+              "build_d 2/3",
+              "build_d 1/3",
+              "build_b",
+              "build_a_nlfjkdnlvskfnksvjknlfdjvlvnjdkjdf_nvjkenjkrlngjeknjkl",
+            ],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": Object {
+                "__typename": "StatusAction",
+                "buttonTitle": "Retry this job",
+                "icon": "retry",
+                "path": "/root/abcd-dag/-/jobs/1490/retry",
+                "title": "Retry",
+              },
+              "detailsPath": "/root/abcd-dag/-/jobs/1490",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": "passed",
+            },
+          },
+        ],
+        "name": "test_b",
+        "size": 2,
+        "stageName": "test",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": "passed",
+        },
+      },
+      Object {
+        "__typename": "CiGroup",
+        "jobs": Array [
+          Object {
+            "__typename": "CiJob",
+            "name": "test_d",
+            "needs": Array [
+              "build_b",
+            ],
+            "scheduledAt": null,
+            "status": Object {
+              "__typename": "DetailedStatus",
+              "action": null,
+              "detailsPath": "/root/abcd-dag/-/pipelines/153",
+              "group": "success",
+              "hasDetails": true,
+              "icon": "status_success",
+              "tooltip": null,
+            },
+          },
+        ],
+        "name": "test_d",
+        "size": 1,
+        "stageName": "test",
+        "status": Object {
+          "__typename": "DetailedStatus",
+          "group": "success",
+          "icon": "status_success",
+          "label": null,
+        },
+      },
+    ],
+    "id": "layer-1",
+    "name": "",
+    "status": Object {
+      "action": null,
+    },
+  },
+]
+`;
diff --git a/spec/frontend/pipelines/components/dag/parsing_utils_spec.js b/spec/frontend/pipelines/parsing_utils_spec.js
index 84ff83883b7..96748ae9e5c 100644
--- a/spec/frontend/pipelines/components/dag/parsing_utils_spec.js
+++ b/spec/frontend/pipelines/parsing_utils_spec.js
@@ -3,12 +3,15 @@ import {
   createNodeDict,
   makeLinksFromNodes,
   filterByAncestors,
+  generateColumnsFromLayersListBare,
+  listByLayers,
   parseData,
   removeOrphanNodes,
   getMaxNodes,
 } from '~/pipelines/components/parsing_utils';
 
-import { mockParsedGraphQLNodes } from './mock_data';
+import { mockParsedGraphQLNodes } from './components/dag/mock_data';
+import { generateResponse, mockPipelineResponse } from './graph/mock_data';
 
 describe('DAG visualization parsing utilities', () => {
   const nodeDict = createNodeDict(mockParsedGraphQLNodes);
@@ -108,4 +111,45 @@ describe('DAG visualization parsing utilities', () => {
       expect(getMaxNodes(layerNodes)).toBe(3);
     });
   });
+
+  describe('generateColumnsFromLayersList', () => {
+    const pipeline = generateResponse(mockPipelineResponse, 'root/fungi-xoxo');
+    const layers = listByLayers(pipeline);
+    const columns = generateColumnsFromLayersListBare(pipeline, layers);
+
+    it('returns stage-like objects with default name, id, and status', () => {
+      columns.forEach((col, idx) => {
+        expect(col).toMatchObject({
+          name: '',
+          status: { action: null },
+          id: `layer-${idx}`,
+        });
+      });
+    });
+
+    it('creates groups that match the list created in listByLayers', () => {
+      columns.forEach((col, idx) => {
+        const groupNames = col.groups.map(({ name }) => name);
+        expect(groupNames).toEqual(layers[idx]);
+      });
+    });
+
+    it('looks up the correct group object', () => {
+      columns.forEach((col) => {
+        col.groups.forEach((group) => {
+          const groupStage = pipeline.stages.find((el) => el.name === group.stageName);
+          const groupObject = groupStage.groups.find((el) => el.name === group.name);
+          expect(group).toBe(groupObject);
+        });
+      });
+    });
+
+    /*
+      Just as a fallback in case multiple functions change, so tests pass
+      but the implementation moves away from case.
+    */
+    it('matches the snapshot', () => {
+      expect(columns).toMatchSnapshot();
+    });
+  });
 });