Merge branch '10763-track-uninstall-button-clicks-ce' into 'master'

CE Backport of tracking uninstall button click

See merge request gitlab-org/gitlab-ce!28012

app/assets/javascripts/clusters/components/uninstall_application_confirmation_modal.vue

 <script>
 import { GlModal } from '@gitlab/ui';
 import { sprintf, s__ } from '~/locale';
+import trackUninstallButtonClickMixin from 'ee_else_ce/clusters/mixins/track_uninstall_button_click';
 import { INGRESS, CERT_MANAGER, PROMETHEUS, RUNNER, KNATIVE, JUPYTER } from '../constants';
 
 const CUSTOM_APP_WARNING_TEXT = {
@@ -20,6 +21,7 @@ export default {
   components: {
     GlModal,
   },
+  mixins: [trackUninstallButtonClickMixin],
   props: {
     application: {
       type: String,
@@ -51,6 +53,12 @@ export default {
       return `uninstall-${this.application}`;
     },
   },
+  methods: {
+    confirmUninstall() {
+      this.trackUninstallButtonClick(this.application);
+      this.$emit('confirm');
+    },
+  },
 };
 </script>
 <template>
@@ -60,7 +68,7 @@ export default {
     :ok-title="title"
     :modal-id="modalId"
     :title="title"
-    @ok="$emit('confirm')"
+    @ok="confirmUninstall()"
     >{{ warningText }} {{ customAppWarningText }}</gl-modal
   >
 </template>

app/assets/javascripts/clusters/mixins/track_uninstall_button_click.js

+export default {
+  methods: {
+    trackUninstallButtonClick: () => {},
+  },
+};

spec/frontend/clusters/components/uninstall_application_confirmation_modal_spec.js

@@ -29,12 +29,21 @@ describe('UninstallApplicationConfirmationModal', () => {
     expect(wrapper.find(GlModal).attributes('ok-title')).toEqual(`Uninstall ${appTitle}`);
   });
 
-  it('triggers confirm event when ok button is clicked', () => {
+  describe('when ok button is clicked', () => {
+    beforeEach(() => {
+      jest.spyOn(wrapper.vm, 'trackUninstallButtonClick');
       wrapper.find(GlModal).vm.$emit('ok');
+    });
 
+    it('emits confirm event', () => {
       expect(wrapper.emitted('confirm')).toBeTruthy();
     });
 
+    it('calls track uninstall button click mixin', () => {
+      expect(wrapper.vm.trackUninstallButtonClick).toHaveBeenCalledWith(INGRESS);
+    });
+  });
+
   it('displays a warning text indicating the app will be uninstalled', () => {
     expect(wrapper.text()).toContain(`You are about to uninstall ${appTitle} from your cluster.`);
   });