Merge branch '227708-mr_widget_pipeline_spec-remove-computed-props' into 'master'

Remove computed props checks for MR widget specs

Closes #227708

See merge request gitlab-org/gitlab!42315

ee/spec/frontend/vue_mr_widget/mr_widget_pipeline_spec.js

 import { mount } from '@vue/test-utils';
 import mockData from 'ee_jest/vue_mr_widget/mock_data';
 import { trimText } from 'jest/helpers/text_helper';
+import LinkedPipelinesMiniList from 'ee/vue_shared/components/linked_pipelines_mini_list.vue';
 import pipelineComponent from '~/vue_merge_request_widget/components/mr_widget_pipeline.vue';
 import mockLinkedPipelines from '../vue_shared/components/linked_pipelines_mock_data';
 
@@ -8,6 +9,7 @@ describe('MRWidgetPipeline', () => {
   let wrapper;
 
   const findPipelineInfoContainer = () => wrapper.find('[data-testid="pipeline-info-container"');
+  const findPipelinesMiniList = () => wrapper.find(LinkedPipelinesMiniList);
 
   function createComponent(pipeline) {
     wrapper = mount(pipelineComponent, {
@@ -28,36 +30,6 @@ describe('MRWidgetPipeline', () => {
     wrapper.destroy();
   });
 
-  describe('computed', () => {
-    describe('when upstream pipelines are passed', () => {
-      beforeEach(() => {
-        const pipeline = { ...mockData.pipeline, triggered_by: mockLinkedPipelines.triggered_by };
-
-        createComponent(pipeline);
-      });
-
-      it('should coerce triggeredBy into a collection', () => {
-        expect(wrapper.vm.triggeredBy).toHaveLength(1);
-      });
-
-      it('should render the linked pipelines mini list', () => {
-        expect(wrapper.find('.linked-pipeline-mini-list.is-upstream').exists()).toBe(true);
-      });
-    });
-
-    describe('when downstream pipelines are passed', () => {
-      beforeEach(() => {
-        const pipeline = { ...mockData.pipeline, triggered: mockLinkedPipelines.triggered };
-
-        createComponent(pipeline);
-      });
-
-      it('should render the linked pipelines mini list', () => {
-        expect(wrapper.find('.linked-pipeline-mini-list.is-downstream').exists()).toBe(true);
-      });
-    });
-  });
-
   describe('for each type of pipeline', () => {
     let pipeline;
 
@@ -96,4 +68,52 @@ describe('MRWidgetPipeline', () => {
       });
     });
   });
+
+  describe('pipeline graph', () => {
+    describe('when upstream pipelines are passed', () => {
+      beforeEach(() => {
+        const pipeline = { ...mockData.pipeline, triggered_by: mockLinkedPipelines.triggered_by };
+
+        createComponent(pipeline);
+      });
+
+      it('should render the linked pipelines mini list', () => {
+        expect(findPipelinesMiniList().exists()).toBe(true);
+      });
+
+      it('should render the linked pipelines mini list as an upstream list', () => {
+        expect(findPipelinesMiniList().classes('is-upstream')).toBe(true);
+      });
+
+      it('should add a single triggeredBy into an array', () => {
+        const triggeredBy = findPipelinesMiniList().props('triggeredBy');
+
+        expect(triggeredBy).toEqual(expect.any(Array));
+        expect(triggeredBy).toHaveLength(1);
+        expect(triggeredBy[0]).toBe(mockLinkedPipelines.triggered_by);
+      });
+    });
+
+    describe('when downstream pipelines are passed', () => {
+      beforeEach(() => {
+        const pipeline = { ...mockData.pipeline, triggered: mockLinkedPipelines.triggered };
+
+        createComponent(pipeline);
+      });
+
+      it('should render the linked pipelines mini list', () => {
+        expect(findPipelinesMiniList().exists()).toBe(true);
+      });
+
+      it('should render the linked pipelines mini list as a downstream list', () => {
+        expect(findPipelinesMiniList().classes('is-downstream')).toBe(true);
+      });
+
+      it('should pass the triggered pipelines', () => {
+        const triggered = findPipelinesMiniList().props('triggered');
+
+        expect(triggered).toBe(mockLinkedPipelines.triggered);
+      });
+    });
+  });
 });