Update cluster agent vulnerability code

- fix broken test
- abstract out vulnerability location types to
  shared folder

app/assets/javascripts/clusters/agents/graphql/fragmentTypes.json

-{"__schema":{"types":[{"kind":"UNION","name":"VulnerabilityLocation","possibleTypes":[{"name":"VulnerabilityLocationContainerScanning"},{"name":"VulnerabilityLocationDast"},{"name":"VulnerabilityLocationDependencyScanning"},{"name":"VulnerabilityLocationSast"},{"name":"VulnerabilityLocationSecretDetection"}]}]}}

app/assets/javascripts/clusters/agents/graphql/provider.js

@@ -2,14 +2,14 @@ import { IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
-import introspectionQueryResultData from './fragmentTypes.json';
+import { vulnerabilityLocationTypes } from '~/graphql_shared/fragment_types/vulnerability_location_types';
 
 Vue.use(VueApollo);
 
 // We create a fragment matcher so that we can create a fragment from an interface
 // Without this, Apollo throws a heuristic fragment matcher warning
 const fragmentMatcher = new IntrospectionFragmentMatcher({
-  introspectionQueryResultData,
+  introspectionQueryResultData: vulnerabilityLocationTypes,
 });
 
 const defaultClient = createDefaultClient(

app/assets/javascripts/graphql_shared/fragment_types/vulnerability_location_types.js

+export const vulnerabilityLocationTypes = {
+  __schema: {
+    types: [
+      {
+        kind: 'UNION',
+        name: 'VulnerabilityLocation',
+        possibleTypes: [
+          { name: 'VulnerabilityLocationContainerScanning' },
+          { name: 'VulnerabilityLocationDast' },
+          { name: 'VulnerabilityLocationDependencyScanning' },
+          { name: 'VulnerabilityLocationSast' },
+          { name: 'VulnerabilityLocationSecretDetection' },
+        ],
+      },
+    ],
+  },
+};

ee/app/assets/javascripts/clusters/agents/components/show.vue

@@ -26,7 +26,7 @@ export default {
 </script>
 
 <template>
-  <agent-show-page v-bind="$props">
+  <agent-show-page>
     <template v-if="showSecurityTab" #ee-security-tab>
       <gl-tab :title="$options.i18n.securityTabTitle">
         <agent-vulnerability-report />

ee/app/assets/javascripts/security_dashboard/graphql/fragmentTypes.json

-{"__schema":{"types":[{"kind":"UNION","name":"VulnerabilityLocation","possibleTypes":[{"name":"VulnerabilityLocationContainerScanning"},{"name":"VulnerabilityLocationDast"},{"name":"VulnerabilityLocationDependencyScanning"},{"name":"VulnerabilityLocationSast"},{"name":"VulnerabilityLocationSecretDetection"}]}]}}

ee/app/assets/javascripts/security_dashboard/graphql/provider.js

@@ -2,14 +2,14 @@ import { IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
-import introspectionQueryResultData from './fragmentTypes.json';
+import { vulnerabilityLocationTypes } from '~/graphql_shared/fragment_types/vulnerability_location_types';
 
 Vue.use(VueApollo);
 
 // We create a fragment matcher so that we can create a fragment from an interface
 // Without this, Apollo throws a heuristic fragment matcher warning
 const fragmentMatcher = new IntrospectionFragmentMatcher({
-  introspectionQueryResultData,
+  introspectionQueryResultData: vulnerabilityLocationTypes,
 });
 
 const defaultClient = createDefaultClient(

spec/frontend/clusters/agents/components/show_spec.js

@@ -19,7 +19,7 @@ describe('ClusterAgentShow', () => {
   let wrapper;
   useFakeDate([2021, 2, 15]);
 
-  const propsData = {
+  const provide = {
     agentName: 'cluster-agent',
     projectPath: 'path/to/project',
   };
@@ -49,7 +49,7 @@ describe('ClusterAgentShow', () => {
       shallowMount(ClusterAgentShow, {
         localVue,
         apolloProvider,
-        propsData,
+        provide,
         stubs: { GlSprintf, TimeAgoTooltip, GlTab },
       }),
     );
@@ -60,7 +60,7 @@ describe('ClusterAgentShow', () => {
 
     wrapper = extendedWrapper(
       shallowMount(ClusterAgentShow, {
-        propsData,
+        provide,
         mocks: { $apollo, clusterAgent },
         slots,
         stubs: { GlTab },
@@ -85,7 +85,7 @@ describe('ClusterAgentShow', () => {
     });
 
     it('displays the agent name', () => {
-      expect(wrapper.text()).toContain(propsData.agentName);
+      expect(wrapper.text()).toContain(provide.agentName);
     });
 
     it('displays agent create information', () => {