Adds pipelines script to the security tab

Adds tests for new security app & mediator

app/assets/javascripts/dispatcher.js

@@ -320,6 +320,7 @@ var Dispatcher;
           break;
         case 'projects:pipelines:builds':
         case 'projects:pipelines:failures':
+        case 'projects:pipelines:security':
         case 'projects:pipelines:show':
           import('./pages/projects/pipelines/builds')
             .then(callDefault)

spec/javascripts/pipelines/pipeline_details_mediator_spec.js

 import _ from 'underscore';
 import Vue from 'vue';
 import PipelineMediator from '~/pipelines/pipeline_details_mediator';
+import { sastIssues, parsedSastIssuesStore } from '../vue_shared/security_reports/mock_data';
 
 describe('PipelineMdediator', () => {
   let mediator;
@@ -39,4 +40,29 @@ describe('PipelineMdediator', () => {
       });
     });
   });
+
+  describe('security reports', () => {
+    const interceptor = (request, next) => {
+      next(request.respondWith(JSON.stringify(sastIssues), {
+        status: 200,
+      }));
+    };
+
+    beforeEach(() => {
+      Vue.http.interceptors.push(interceptor);
+    });
+
+    afterEach(() => {
+      Vue.http.interceptors = _.without(Vue.http.interceptor, interceptor);
+    });
+
+    it('fetches the requests endpoint and stores the data', (done) => {
+      mediator.fetchSastReport('sast.json', 'path');
+
+      setTimeout(() => {
+        expect(mediator.store.state.securityReports.sast.newIssues).toEqual(parsedSastIssuesStore);
+        done();
+      }, 0);
+    });
+  });
 });

spec/javascripts/pipelines/security_reports/security_report_app_spec.js

+import Vue from 'vue';
+import securityReportApp from '~/pipelines/components/security_reports/security_report_app.vue';
+import mountComponent from '../../helpers/vue_mount_component_helper';
+import { parsedSastIssuesHead } from '../../vue_shared/security_reports/mock_data';
+
+describe('Security Report App', () => {
+  let vm;
+  let Component;
+
+  beforeEach(() => {
+    Component = Vue.extend(securityReportApp);
+  });
+
+  afterEach(() => {
+    vm.$destroy();
+  });
+
+  describe('sast report', () => {
+    beforeEach(() => {
+      vm = mountComponent(Component, {
+        securityReports: {
+          sast: {
+            isLoading: false,
+            hasError: false,
+            newIssues: parsedSastIssuesHead,
+            resolvedIssues: [],
+            allIssues: [],
+          },
+        },
+      });
+    });
+
+    it('renders the sast report', () => {
+      expect(vm.$el.querySelector('.js-code-text').textContent.trim()).toEqual('SAST degraded on 2 security vulnerabilities');
+      expect(vm.$el.querySelectorAll('.js-mr-code-new-issues li').length).toEqual(parsedSastIssuesHead.length);
+
+      const issue = vm.$el.querySelector('.js-mr-code-new-issues li').textContent;
+
+      expect(issue).toContain(parsedSastIssuesHead[0].message);
+      expect(issue).toContain(parsedSastIssuesHead[0].path);
+    });
+  });
+});