diff options
-rw-r--r-- | app/assets/javascripts/reports/components/modal_open_name.vue | 17 | ||||
-rw-r--r-- | spec/javascripts/reports/components/modal_open_name_spec.js | 8 |
2 files changed, 7 insertions, 18 deletions
diff --git a/app/assets/javascripts/reports/components/modal_open_name.vue b/app/assets/javascripts/reports/components/modal_open_name.vue index 4f81cee2a38..5afc72fa5cb 100644 --- a/app/assets/javascripts/reports/components/modal_open_name.vue +++ b/app/assets/javascripts/reports/components/modal_open_name.vue @@ -1,7 +1,11 @@ <script> -import { mapActions } from 'vuex'; - export default { + inject: { + handleIssueClick: { + from: 'handleIssueClick', + default: () => () => {}, + }, + }, props: { issue: { type: Object, @@ -13,20 +17,13 @@ export default { required: true, }, }, - methods: { - ...mapActions(['openModal']), - handleIssueClick() { - const { issue, status, openModal } = this; - openModal({ issue, status }); - }, - }, }; </script> <template> <button type="button" class="btn-link btn-blank text-left break-link vulnerability-name-button" - @click="handleIssueClick()" + @click="() => handleIssueClick({ issue, status })" > {{ issue.title }} </button> diff --git a/spec/javascripts/reports/components/modal_open_name_spec.js b/spec/javascripts/reports/components/modal_open_name_spec.js index b18b3ef03d1..f21b34f5894 100644 --- a/spec/javascripts/reports/components/modal_open_name_spec.js +++ b/spec/javascripts/reports/components/modal_open_name_spec.js @@ -34,12 +34,4 @@ describe('Modal open name', () => { it('renders the issue name', () => { expect(vm.$el.textContent.trim()).toEqual('Issue'); }); - - it('calls openModal actions when button is clicked', () => { - spyOn(vm, 'openModal'); - - vm.$el.click(); - - expect(vm.openModal).toHaveBeenCalled(); - }); }); |