Adds some missing fields from the GSD modal

where GSD is Group Security Dashboard
- Adds the "learn more" link
- Fixes a bug that renders [] for empy link lists
- Adds the Class field
- Tests for the above

ee/app/assets/javascripts/security_dashboard/components/app.vue

@@ -36,6 +36,10 @@ export default {
       type: String,
       required: true,
     },
+    vulnerabilityFeedbackHelpPath: {
+      type: String,
+      required: true,
+    },
   },
   computed: {
     ...mapGetters('vulnerabilities', ['vulnerabilitiesCountByReportType']),
@@ -114,6 +118,7 @@ export default {
     </tabs>
     <issue-modal
       :modal="modal"
+      :vulnerability-feedback-help-path="vulnerabilityFeedbackHelpPath"
       :can-create-issue-permission="true"
       :can-create-feedback-permission="true"
       @createNewIssue="createIssue({ vulnerability: modal.vulnerability })"

ee/app/assets/javascripts/security_dashboard/index.js

@@ -15,6 +15,7 @@ export default () => {
       return createElement('group-security-dashboard-app', {
         props: {
           dashboardDocumentation: el.dataset.dashboardDocumentation,
+          vulnerabilityFeedbackHelpPath: el.dataset.vulnerabilityFeedbackHelpPath,
           vulnerabilitiesEndpoint: el.dataset.vulnerabilitiesEndpoint,
           vulnerabilitiesCountEndpoint: el.dataset.vulnerabilitiesSummaryEndpoint,
         },

ee/app/assets/javascripts/security_dashboard/store/modules/vulnerabilities/mutations.js

@@ -56,15 +56,24 @@ export default {
       'value',
       vulnerability.identifiers.length && vulnerability.identifiers,
     );
+    Vue.set(
+      state.modal.data.className,
+      'value',
+      vulnerability.location && vulnerability.location.class,
+    );
     Vue.set(state.modal.data.severity, 'value', vulnerability.severity);
     Vue.set(state.modal.data.confidence, 'value', vulnerability.confidence);
     Vue.set(state.modal.data.solution, 'value', vulnerability.solution);
-    Vue.set(state.modal.data.links, 'value', vulnerability.links);
     Vue.set(state.modal.data.instances, 'value', vulnerability.instances);
     Vue.set(state.modal, 'vulnerability', vulnerability);
     Vue.set(state.modal.vulnerability, 'hasIssue', Boolean(vulnerability.issue_feedback));
     Vue.set(state.modal.vulnerability, 'isDismissed', Boolean(vulnerability.dismissal_feedback));
     Vue.set(state.modal, 'error', null);
+    if (vulnerability.links && vulnerability.links.length) {
+      Vue.set(state.modal.data.links, 'value', vulnerability.links);
+    } else {
+      Vue.set(state.modal.data.links, 'value', null);
+    }
   },
   [types.REQUEST_CREATE_ISSUE](state) {
     state.isCreatingIssue = true;

ee/app/assets/javascripts/security_dashboard/store/modules/vulnerabilities/state.js

@@ -22,6 +22,7 @@ export default () => ({
       identifiers: { text: s__('Vulnerability|Identifiers') },
       severity: { text: s__('Vulnerability|Severity') },
       confidence: { text: s__('Vulnerability|Confidence') },
+      className: { text: s__('Vulnerability|Class') },
       solution: { text: s__('Vulnerability|Solution') },
       links: { text: s__('Vulnerability|Links') },
       instances: { text: s__('Vulnerability|Instances') },

ee/app/views/groups/security/dashboard/show.html.haml

@@ -3,4 +3,5 @@
 
 #js-group-security-dashboard{ data: { vulnerabilities_endpoint: group_security_vulnerabilities_path(@group),
   vulnerabilities_summary_endpoint: summary_group_security_vulnerabilities_path(@group),
+  vulnerability_feedback_help_path: help_page_path("user/project/merge_requests/index", anchor: "interacting-with-security-reports-ultimate"),
   dashboard_documentation: help_page_path('user/group/security_dashboard/index') } }

ee/changelogs/unreleased/8342-vulnerability-modal-discrepancies-on-group-security-dashboard.yml

+---
+title: Fixes missing fields on the group security dashboard
+merge_request: 8360
+author:
+type: fixed

ee/spec/javascripts/security_dashboard/store/vulnerabilities/mutations_spec.js

@@ -172,6 +172,10 @@ describe('vulnerabilities module mutations', () => {
         expect(state.modal.data.confidence.value).toEqual(vulnerability.confidence);
       });
 
+      it('should set the modal class', () => {
+        expect(state.modal.data.className.value).toEqual(vulnerability.location.class);
+      });
+
       it('should set the modal solution', () => {
         expect(state.modal.data.solution.value).toEqual(vulnerability.solution);
       });
@@ -212,6 +216,13 @@ describe('vulnerabilities module mutations', () => {
 
         expect(state.modal.vulnerability.hasIssue).toEqual(true);
       });
+
+      it('should nullify the modal links', () => {
+        const payload = { vulnerability: { ...vulnerability, links: [] } };
+        mutations[types.SET_MODAL_DATA](state, payload);
+
+        expect(state.modal.data.links.value).toEqual(null);
+      });
     });
   });
 

locale/gitlab.pot

@@ -8896,6 +8896,9 @@ msgstr ""
 msgid "VisibilityLevel|Unknown"
 msgstr ""
 
+msgid "Vulnerability|Class"
+msgstr ""
+
 msgid "Vulnerability|Confidence"
 msgstr ""