Merge branch '241757-Hide-Create-Issue-When-Tracker-Disabled' into 'master'

Hide "Create Issue" On Vulnerability Page When Issues Are Disabled

See merge request gitlab-org/gitlab!43725

ee/app/assets/javascripts/vulnerabilities/components/related_issues.vue

@@ -59,6 +59,9 @@ export default {
     isIssueAlreadyCreated() {
       return Boolean(this.state.relatedIssues.find(i => i.lockIssueRemoval));
     },
+    canCreateIssue() {
+      return !this.isIssueAlreadyCreated && !this.isFetching && Boolean(this.createIssueUrl);
+    },
   },
   inject: {
     vulnerabilityId: {
@@ -261,7 +264,7 @@ export default {
       <template #headerText>
         {{ $options.i18n.relatedIssues }}
       </template>
-      <template v-if="!isIssueAlreadyCreated && !isFetching" #headerActions>
+      <template v-if="canCreateIssue" #headerActions>
         <gl-button
           ref="createIssue"
           variant="success"

ee/changelogs/unreleased/241757-Hide-Create-Issue-When-Tracker-Disabled.yml

+---
+title: Hide "Create Issue" On Vulnerability Page When Issues Are Disabled
+merge_request: 43725
+author: Kev @KevSlashNull
+type: fixed

ee/spec/frontend/vulnerabilities/related_issues_spec.js

@@ -33,7 +33,7 @@ describe('Vulnerability related issues component', () => {
   const issue1 = { id: 3, vulnerabilityLinkId: 987 };
   const issue2 = { id: 25, vulnerabilityLinkId: 876 };
 
-  const createWrapper = async (data = {}, opts) => {
+  const createWrapper = async (data = {}, provide = {}, opts) => {
     wrapper = shallowMount(RelatedIssues, {
       propsData,
       data: () => data,
@@ -44,6 +44,7 @@ describe('Vulnerability related issues component', () => {
         reportType,
         issueTrackingHelpPath,
         permissionsHelpPath,
+        ...provide,
       },
       ...opts,
     });
@@ -270,6 +271,7 @@ describe('Vulnerability related issues component', () => {
           isFetching: false,
           state: { relatedIssues: [issue1, { ...issue2, vulnerabilityLinkType: 'created' }] },
         },
+        {},
         { stubs: { RelatedIssuesBlock } },
       );
     });
@@ -289,7 +291,7 @@ describe('Vulnerability related issues component', () => {
 
     beforeEach(async () => {
       mockAxios.onGet(propsData.endpoint).replyOnce(httpStatusCodes.OK, [issue1, issue2]);
-      createWrapper({}, { stubs: { RelatedIssuesBlock } });
+      createWrapper({}, {}, { stubs: { RelatedIssuesBlock } });
       await axios.waitForAll();
     });
 
@@ -327,4 +329,17 @@ describe('Vulnerability related issues component', () => {
       expect(findAlert().exists()).toBe(false);
     });
   });
+
+  describe('when project issue tracking is disabled', () => {
+    it('hides the "Create Issue" button', () => {
+      createWrapper(
+        {},
+        {
+          createIssueUrl: undefined,
+        },
+      );
+
+      expect(findCreateIssueButton().exists()).toBe(false);
+    });
+  });
 });