1 files changed, 66 insertions, 0 deletions
diff --git a/spec/frontend/pages/admin/jobs/index/components/cancel_jobs_modal_spec.js b/spec/frontend/pages/admin/jobs/index/components/cancel_jobs_modal_spec.js
new file mode 100644
index 00000000000..366d148a608
--- /dev/null
+++ b/spec/frontend/pages/admin/jobs/index/components/cancel_jobs_modal_spec.js
@@ -0,0 +1,66 @@
+import Vue, { nextTick } from 'vue';
+import { mount } from '@vue/test-utils';
+import { GlModal } from '@gitlab/ui';
+import { TEST_HOST } from 'helpers/test_constants';
+import axios from '~/lib/utils/axios_utils';
+import { redirectTo } from '~/lib/utils/url_utility';
+import CancelJobsModal from '~/pages/admin/jobs/index/components/cancel_jobs_modal.vue';
+
+jest.mock('~/lib/utils/url_utility', () => ({
+  ...jest.requireActual('~/lib/utils/url_utility'),
+  redirectTo: jest.fn(),
+}));
+
+describe('Cancel jobs modal', () => {
+  const props = {
+    url: `${TEST_HOST}/cancel_jobs_modal.vue/cancelAll`,
+    modalId: 'cancel-jobs-modal',
+  };
+  let wrapper;
+
+  beforeEach(() => {
+    wrapper = mount(CancelJobsModal, { propsData: props });
+  });
+
+  describe('on submit', () => {
+    it('cancels jobs and redirects to overview page', async () => {
+      const responseURL = `${TEST_HOST}/cancel_jobs_modal.vue/jobs`;
+      // TODO: We can't use axios-mock-adapter because our current version
+      // does not support responseURL
+      //
+      // see https://gitlab.com/gitlab-org/gitlab/-/issues/375308 for details
+      jest.spyOn(axios, 'post').mockImplementation((url) => {
+        expect(url).toBe(props.url);
+        return Promise.resolve({
+          request: {
+            responseURL,
+          },
+        });
+      });
+
+      wrapper.findComponent(GlModal).vm.$emit('primary');
+      await nextTick();
+
+      expect(redirectTo).toHaveBeenCalledWith(responseURL);
+    });
+
+    it('displays error if canceling jobs failed', async () => {
+      Vue.config.errorHandler = () => {}; // silencing thrown error
+
+      const dummyError = new Error('canceling jobs failed');
+      // TODO: We can't use axios-mock-adapter because our current version
+      // does not support responseURL
+      //
+      // see https://gitlab.com/gitlab-org/gitlab/-/issues/375308 for details
+      jest.spyOn(axios, 'post').mockImplementation((url) => {
+        expect(url).toBe(props.url);
+        return Promise.reject(dummyError);
+      });
+
+      wrapper.findComponent(GlModal).vm.$emit('primary');
+      await nextTick();
+
+      expect(redirectTo).not.toHaveBeenCalled();
+    });
+  });
+});