Add latest changes from gitlab-org/gitlab@master

11 files changed, 221 insertions, 137 deletions

diff --git a/spec/frontend/admin/users/components/actions/actions_spec.js b/spec/frontend/admin/users/components/actions/actions_spec.js
index fd05b08a3fb..67dcf5c6149 100644
--- a/spec/frontend/admin/users/components/actions/actions_spec.js
+++ b/spec/frontend/admin/users/components/actions/actions_spec.js
@@ -5,6 +5,7 @@ import { nextTick } from 'vue';
 import Actions from '~/admin/users/components/actions';
 import SharedDeleteAction from '~/admin/users/components/actions/shared/shared_delete_action.vue';
 import { capitalizeFirstCharacter } from '~/lib/utils/text_utility';
+import { OBSTACLE_TYPES } from '~/vue_shared/components/user_deletion_obstacles/constants';
 import { CONFIRMATION_ACTIONS, DELETE_ACTIONS } from '../../constants';
 import { paths } from '../../mock_data';
 
@@ -46,7 +47,10 @@ describe('Action components', () => {
   });
 
   describe('DELETE_ACTION_COMPONENTS', () => {
-    const oncallSchedules = [{ name: 'schedule1' }, { name: 'schedule2' }];
+    const userDeletionObstacles = [
+      { name: 'schedule1', type: OBSTACLE_TYPES.oncallSchedules },
+      { name: 'policy1', type: OBSTACLE_TYPES.escalationPolicies },
+    ];
 
     it.each(DELETE_ACTIONS.map((action) => [action, paths[action]]))(
       'renders a dropdown item for "%s"',
@@ -56,7 +60,7 @@ describe('Action components', () => {
           props: {
             username: 'John Doe',
             paths,
-            oncallSchedules,
+            userDeletionObstacles,
           },
           stubs: { SharedDeleteAction },
         });
@@ -69,8 +73,8 @@ describe('Action components', () => {
         expect(sharedAction.attributes('data-delete-user-url')).toBe(expectedPath);
         expect(sharedAction.attributes('data-gl-modal-action')).toBe(kebabCase(action));
         expect(sharedAction.attributes('data-username')).toBe('John Doe');
-        expect(sharedAction.attributes('data-oncall-schedules')).toBe(
-          JSON.stringify(oncallSchedules),
+        expect(sharedAction.attributes('data-user-deletion-obstacles')).toBe(
+          JSON.stringify(userDeletionObstacles),
         );
         expect(findDropdownItem().exists()).toBe(true);
       },
diff --git a/spec/frontend/admin/users/components/modals/__snapshots__/delete_user_modal_spec.js.snap b/spec/frontend/admin/users/components/modals/__snapshots__/delete_user_modal_spec.js.snap
index 5e367891337..472158a9b10 100644
--- a/spec/frontend/admin/users/components/modals/__snapshots__/delete_user_modal_spec.js.snap
+++ b/spec/frontend/admin/users/components/modals/__snapshots__/delete_user_modal_spec.js.snap
@@ -8,8 +8,8 @@ exports[`User Operation confirmation modal renders modal with form included 1`]
     />
   </p>
    
-  <oncall-schedules-list-stub
-    schedules="schedule1,schedule2"
+  <user-deletion-obstacles-list-stub
+    obstacles="schedule1,policy1"
     username="username"
   />
    
diff --git a/spec/frontend/admin/users/components/modals/delete_user_modal_spec.js b/spec/frontend/admin/users/components/modals/delete_user_modal_spec.js
index fee74764645..82307c9e3b3 100644
--- a/spec/frontend/admin/users/components/modals/delete_user_modal_spec.js
+++ b/spec/frontend/admin/users/components/modals/delete_user_modal_spec.js
@@ -1,7 +1,7 @@
 import { GlButton, GlFormInput } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import DeleteUserModal from '~/admin/users/components/modals/delete_user_modal.vue';
-import OncallSchedulesList from '~/vue_shared/components/oncall_schedules_list.vue';
+import UserDeletionObstaclesList from '~/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list.vue';
 import ModalStub from './stubs/modal_stub';
 
 const TEST_DELETE_USER_URL = 'delete-url';
@@ -25,7 +25,7 @@ describe('User Operation confirmation modal', () => {
   const getUsername = () => findUsernameInput().attributes('value');
   const getMethodParam = () => new FormData(findForm().element).get('_method');
   const getFormAction = () => findForm().attributes('action');
-  const findOnCallSchedulesList = () => wrapper.findComponent(OncallSchedulesList);
+  const findUserDeletionObstaclesList = () => wrapper.findComponent(UserDeletionObstaclesList);
 
   const setUsername = (username) => {
     findUsernameInput().vm.$emit('input', username);
@@ -33,7 +33,7 @@ describe('User Operation confirmation modal', () => {
 
   const username = 'username';
   const badUsername = 'bad_username';
-  const oncallSchedules = '["schedule1", "schedule2"]';
+  const userDeletionObstacles = '["schedule1", "policy1"]';
 
   const createComponent = (props = {}) => {
     wrapper = shallowMount(DeleteUserModal, {
@@ -46,7 +46,7 @@ describe('User Operation confirmation modal', () => {
         deleteUserUrl: TEST_DELETE_USER_URL,
         blockUserUrl: TEST_BLOCK_USER_URL,
         csrfToken: TEST_CSRF,
-        oncallSchedules,
+        userDeletionObstacles,
         ...props,
       },
       stubs: {
@@ -150,18 +150,18 @@ describe('User Operation confirmation modal', () => {
     });
   });
 
-  describe('Related oncall-schedules list', () => {
-    it('does NOT render the list when user has no related schedules', () => {
-      createComponent({ oncallSchedules: '[]' });
-      expect(findOnCallSchedulesList().exists()).toBe(false);
+  describe('Related user-deletion-obstacles list', () => {
+    it('does NOT render the list when user has no related obstacles', () => {
+      createComponent({ userDeletionObstacles: '[]' });
+      expect(findUserDeletionObstaclesList().exists()).toBe(false);
     });
 
-    it('renders the list when user has related schedules', () => {
+    it('renders the list when user has related obstalces', () => {
       createComponent();
 
-      const schedules = findOnCallSchedulesList();
-      expect(schedules.exists()).toBe(true);
-      expect(schedules.props('schedules')).toEqual(JSON.parse(oncallSchedules));
+      const obstacles = findUserDeletionObstaclesList();
+      expect(obstacles.exists()).toBe(true);
+      expect(obstacles.props('obstacles')).toEqual(JSON.parse(userDeletionObstacles));
     });
   });
 });
diff --git a/spec/frontend/members/components/action_buttons/remove_member_button_spec.js b/spec/frontend/members/components/action_buttons/remove_member_button_spec.js
index d8453d453e7..7eb0ea37fe6 100644
--- a/spec/frontend/members/components/action_buttons/remove_member_button_spec.js
+++ b/spec/frontend/members/components/action_buttons/remove_member_button_spec.js
@@ -45,7 +45,7 @@ describe('RemoveMemberButton', () => {
         title: 'Remove member',
         isAccessRequest: true,
         isInvite: true,
-        oncallSchedules: { name: 'user', schedules: [] },
+        userDeletionObstacles: { name: 'user', obstacles: [] },
         ...propsData,
       },
       directives: {
diff --git a/spec/frontend/members/components/action_buttons/user_action_buttons_spec.js b/spec/frontend/members/components/action_buttons/user_action_buttons_spec.js
index 0aa3780f030..10e451376c8 100644
--- a/spec/frontend/members/components/action_buttons/user_action_buttons_spec.js
+++ b/spec/frontend/members/components/action_buttons/user_action_buttons_spec.js
@@ -2,6 +2,7 @@ import { shallowMount } from '@vue/test-utils';
 import LeaveButton from '~/members/components/action_buttons/leave_button.vue';
 import RemoveMemberButton from '~/members/components/action_buttons/remove_member_button.vue';
 import UserActionButtons from '~/members/components/action_buttons/user_action_buttons.vue';
+import { parseUserDeletionObstacles } from '~/vue_shared/components/user_deletion_obstacles/utils';
 import { member, orphanedMember } from '../../mock_data';
 
 describe('UserActionButtons', () => {
@@ -45,9 +46,9 @@ describe('UserActionButtons', () => {
         isAccessRequest: false,
         isInvite: false,
         icon: 'remove',
-        oncallSchedules: {
+        userDeletionObstacles: {
           name: member.user.name,
-          schedules: member.user.oncallSchedules,
+          obstacles: parseUserDeletionObstacles(member.user),
         },
       });
     });
diff --git a/spec/frontend/members/components/modals/leave_modal_spec.js b/spec/frontend/members/components/modals/leave_modal_spec.js
index 1dc913e5c78..f755f08dbf2 100644
--- a/spec/frontend/members/components/modals/leave_modal_spec.js
+++ b/spec/frontend/members/components/modals/leave_modal_spec.js
@@ -6,7 +6,8 @@ import { nextTick } from 'vue';
 import Vuex from 'vuex';
 import LeaveModal from '~/members/components/modals/leave_modal.vue';
 import { LEAVE_MODAL_ID, MEMBER_TYPES } from '~/members/constants';
-import OncallSchedulesList from '~/vue_shared/components/oncall_schedules_list.vue';
+import UserDeletionObstaclesList from '~/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list.vue';
+import { parseUserDeletionObstacles } from '~/vue_shared/components/user_deletion_obstacles/utils';
 import { member } from '../../mock_data';
 
 jest.mock('~/lib/utils/csrf', () => ({ token: 'mock-csrf-token' }));
@@ -51,7 +52,7 @@ describe('LeaveModal', () => {
 
   const findModal = () => wrapper.findComponent(GlModal);
   const findForm = () => findModal().findComponent(GlForm);
-  const findOncallSchedulesList = () => findModal().findComponent(OncallSchedulesList);
+  const findUserDeletionObstaclesList = () => findModal().findComponent(UserDeletionObstaclesList);
 
   const getByText = (text, options) =>
     createWrapper(within(findModal().element).getByText(text, options));
@@ -89,25 +90,27 @@ describe('LeaveModal', () => {
     );
   });
 
-  describe('On-call schedules list', () => {
-    it("displays oncall schedules list when member's user is part of on-call schedules ", () => {
-      const schedulesList = findOncallSchedulesList();
-      expect(schedulesList.exists()).toBe(true);
-      expect(schedulesList.props()).toMatchObject({
+  describe('User deletion obstacles list', () => {
+    it("displays obstacles list when member's user is part of on-call management", () => {
+      const obstaclesList = findUserDeletionObstaclesList();
+      expect(obstaclesList.exists()).toBe(true);
+      expect(obstaclesList.props()).toMatchObject({
         isCurrentUser: true,
-        schedules: member.user.oncallSchedules,
+        obstacles: parseUserDeletionObstacles(member.user),
       });
     });
 
-    it("does NOT display oncall schedules list when member's user is NOT a part of on-call schedules ", async () => {
+    it("does NOT display obstacles list when member's user is NOT a part of on-call management", async () => {
       wrapper.destroy();
 
-      const memberWithoutOncallSchedules = cloneDeep(member);
-      delete memberWithoutOncallSchedules.user.oncallSchedules;
-      createComponent({ member: memberWithoutOncallSchedules });
+      const memberWithoutOncall = cloneDeep(member);
+      delete memberWithoutOncall.user.oncallSchedules;
+      delete memberWithoutOncall.user.escalationPolicies;
+
+      createComponent({ member: memberWithoutOncall });
       await nextTick();
 
-      expect(findOncallSchedulesList().exists()).toBe(false);
+      expect(findUserDeletionObstaclesList().exists()).toBe(false);
     });
   });
 
diff --git a/spec/frontend/members/components/modals/remove_member_modal_spec.js b/spec/frontend/members/components/modals/remove_member_modal_spec.js
index 1dc41582c12..1d39c4b3175 100644
--- a/spec/frontend/members/components/modals/remove_member_modal_spec.js
+++ b/spec/frontend/members/components/modals/remove_member_modal_spec.js
@@ -4,15 +4,19 @@ import Vue from 'vue';
 import Vuex from 'vuex';
 import RemoveMemberModal from '~/members/components/modals/remove_member_modal.vue';
 import { MEMBER_TYPES } from '~/members/constants';
-import OncallSchedulesList from '~/vue_shared/components/oncall_schedules_list.vue';
+import { OBSTACLE_TYPES } from '~/vue_shared/components/user_deletion_obstacles/constants';
+import UserDeletionObstaclesList from '~/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list.vue';
 
 Vue.use(Vuex);
 
 describe('RemoveMemberModal', () => {
   const memberPath = '/gitlab-org/gitlab-test/-/project_members/90';
-  const mockSchedules = {
+  const mockObstacles = {
     name: 'User1',
-    schedules: [{ id: 1, name: 'Schedule 1' }],
+    obstacles: [
+      { name: 'Schedule 1', type: OBSTACLE_TYPES.oncallSchedules },
+      { name: 'Policy 1', type: OBSTACLE_TYPES.escalationPolicies },
+    ],
   };
   let wrapper;
 
@@ -44,18 +48,18 @@ describe('RemoveMemberModal', () => {
 
   const findForm = () => wrapper.find({ ref: 'form' });
   const findGlModal = () => wrapper.findComponent(GlModal);
-  const findOnCallSchedulesList = () => wrapper.findComponent(OncallSchedulesList);
+  const findUserDeletionObstaclesList = () => wrapper.findComponent(UserDeletionObstaclesList);
 
   afterEach(() => {
     wrapper.destroy();
   });
 
   describe.each`
-    state                          | memberType         | isAccessRequest | isInvite | actionText               | removeSubMembershipsCheckboxExpected | unassignIssuablesCheckboxExpected | message                                                                                                           | onCallSchedules
-    ${'removing a group member'}   | ${'GroupMember'}   | ${false}        | ${false} | ${'Remove member'}       | ${true}                              | ${true}                           | ${'Are you sure you want to remove Jane Doe from the Gitlab Org / Gitlab Test project?'}                          | ${{}}
-    ${'removing a project member'} | ${'ProjectMember'} | ${false}        | ${false} | ${'Remove member'}       | ${false}                             | ${true}                           | ${'Are you sure you want to remove Jane Doe from the Gitlab Org / Gitlab Test project?'}                          | ${mockSchedules}
-    ${'denying an access request'} | ${'ProjectMember'} | ${true}         | ${false} | ${'Deny access request'} | ${false}                             | ${false}                          | ${"Are you sure you want to deny Jane Doe's request to join the Gitlab Org / Gitlab Test project?"}               | ${{}}
-    ${'revoking invite'}           | ${'ProjectMember'} | ${false}        | ${true}  | ${'Revoke invite'}       | ${false}                             | ${false}                          | ${'Are you sure you want to revoke the invitation for foo@bar.com to join the Gitlab Org / Gitlab Test project?'} | ${mockSchedules}
+    state                          | memberType         | isAccessRequest | isInvite | actionText               | removeSubMembershipsCheckboxExpected | unassignIssuablesCheckboxExpected | message                                                                                                           | userDeletionObstacles | isPartOfOncall
+    ${'removing a group member'}   | ${'GroupMember'}   | ${false}        | ${false} | ${'Remove member'}       | ${true}                              | ${true}                           | ${'Are you sure you want to remove Jane Doe from the Gitlab Org / Gitlab Test project?'}                          | ${{}}                 | ${false}
+    ${'removing a project member'} | ${'ProjectMember'} | ${false}        | ${false} | ${'Remove member'}       | ${false}                             | ${true}                           | ${'Are you sure you want to remove Jane Doe from the Gitlab Org / Gitlab Test project?'}                          | ${mockObstacles}      | ${true}
+    ${'denying an access request'} | ${'ProjectMember'} | ${true}         | ${false} | ${'Deny access request'} | ${false}                             | ${false}                          | ${"Are you sure you want to deny Jane Doe's request to join the Gitlab Org / Gitlab Test project?"}               | ${{}}                 | ${false}
+    ${'revoking invite'}           | ${'ProjectMember'} | ${false}        | ${true}  | ${'Revoke invite'}       | ${false}                             | ${false}                          | ${'Are you sure you want to revoke the invitation for foo@bar.com to join the Gitlab Org / Gitlab Test project?'} | ${mockObstacles}      | ${false}
   `(
     'when $state',
     ({
@@ -66,7 +70,8 @@ describe('RemoveMemberModal', () => {
       message,
       removeSubMembershipsCheckboxExpected,
       unassignIssuablesCheckboxExpected,
-      onCallSchedules,
+      userDeletionObstacles,
+      isPartOfOncall,
     }) => {
       beforeEach(() => {
         createComponent({
@@ -75,12 +80,10 @@ describe('RemoveMemberModal', () => {
           message,
           memberPath,
           memberType,
-          onCallSchedules,
+          userDeletionObstacles,
         });
       });
 
-      const isPartOfOncallSchedules = Boolean(isAccessRequest && onCallSchedules.schedules?.length);
-
       it(`has the title ${actionText}`, () => {
         expect(findGlModal().attributes('title')).toBe(actionText);
       });
@@ -109,8 +112,8 @@ describe('RemoveMemberModal', () => {
         );
       });
 
-      it(`shows ${isPartOfOncallSchedules ? 'all' : 'no'} related on-call schedules`, () => {
-        expect(findOnCallSchedulesList().exists()).toBe(isPartOfOncallSchedules);
+      it(`shows ${isPartOfOncall ? 'all' : 'no'} related on-call schedules or policies`, () => {
+        expect(findUserDeletionObstaclesList().exists()).toBe(isPartOfOncall);
       });
 
       it('submits the form when the modal is submitted', () => {
diff --git a/spec/frontend/members/mock_data.js b/spec/frontend/members/mock_data.js
index eb9f905fea2..3afbe57a1aa 100644
--- a/spec/frontend/members/mock_data.js
+++ b/spec/frontend/members/mock_data.js
@@ -23,6 +23,7 @@ export const member = {
     blocked: false,
     twoFactorEnabled: false,
     oncallSchedules: [{ name: 'schedule 1' }],
+    escalationPolicies: [{ name: 'policy 1' }],
   },
   id: 238,
   createdAt: '2020-07-17T16:22:46.923Z',
@@ -63,7 +64,7 @@ export const modalData = {
   memberPath: '/groups/foo-bar/-/group_members/1',
   memberType: 'GroupMember',
   message: 'Are you sure you want to remove John Smith?',
-  oncallSchedules: { name: 'user', schedules: [] },
+  userDeletionObstacles: { name: 'user', obstacles: [] },
 };
 
 const { user, ...memberNoUser } = member;
diff --git a/spec/frontend/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list_spec.js b/spec/frontend/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list_spec.js
new file mode 100644
index 00000000000..a92f058f311
--- /dev/null
+++ b/spec/frontend/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list_spec.js
@@ -0,0 +1,116 @@
+import { GlLink, GlSprintf } from '@gitlab/ui';
+import { shallowMount } from '@vue/test-utils';
+import { extendedWrapper } from 'helpers/vue_test_utils_helper';
+import { OBSTACLE_TYPES } from '~/vue_shared/components/user_deletion_obstacles/constants';
+import UserDeletionObstaclesList from '~/vue_shared/components/user_deletion_obstacles/user_deletion_obstacles_list.vue';
+
+const mockSchedules = [
+  {
+    type: OBSTACLE_TYPES.oncallSchedules,
+    name: 'Schedule 1',
+    url: 'http://gitlab.com/gitlab-org/gitlab-shell/-/oncall_schedules',
+    projectName: 'Shell',
+    projectUrl: 'http://gitlab.com/gitlab-org/gitlab-shell/',
+  },
+  {
+    type: OBSTACLE_TYPES.oncallSchedules,
+    name: 'Schedule 2',
+    url: 'http://gitlab.com/gitlab-org/gitlab-ui/-/oncall_schedules',
+    projectName: 'UI',
+    projectUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/',
+  },
+];
+const mockPolicies = [
+  {
+    type: OBSTACLE_TYPES.escalationPolicies,
+    name: 'Policy 1',
+    url: 'http://gitlab.com/gitlab-org/gitlab-ui/-/escalation-policies',
+    projectName: 'UI',
+    projectUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/',
+  },
+];
+const mockObstacles = mockSchedules.concat(mockPolicies);
+
+const userName = "O'User";
+
+describe('User deletion obstacles list', () => {
+  let wrapper;
+
+  function createComponent(props) {
+    wrapper = extendedWrapper(
+      shallowMount(UserDeletionObstaclesList, {
+        propsData: {
+          obstacles: mockObstacles,
+          userName,
+          ...props,
+        },
+        stubs: {
+          GlSprintf,
+        },
+      }),
+    );
+  }
+
+  afterEach(() => {
+    wrapper.destroy();
+  });
+
+  const findLinks = () => wrapper.findAllComponents(GlLink);
+  const findTitle = () => wrapper.findByTestId('title');
+  const findFooter = () => wrapper.findByTestId('footer');
+  const findObstacles = () => wrapper.findByTestId('obstacles-list');
+
+  describe.each`
+    isCurrentUser | titleText                                   | footerText
+    ${true}       | ${'You are currently a part of:'}           | ${'Removing yourself may put your on-call team at risk of missing a notification.'}
+    ${false}      | ${`User ${userName} is currently part of:`} | ${'Removing this user may put their on-call team at risk of missing a notification.'}
+  `('when current user', ({ isCurrentUser, titleText, footerText }) => {
+    it(`${isCurrentUser ? 'is' : 'is not'} a part of on-call management`, async () => {
+      createComponent({
+        isCurrentUser,
+      });
+
+      expect(findTitle().text()).toBe(titleText);
+      expect(findFooter().text()).toBe(footerText);
+    });
+  });
+
+  describe.each(mockObstacles)(
+    'renders all obstacles',
+    ({ type, name, url, projectName, projectUrl }) => {
+      it(`includes the project name and link for ${name}`, () => {
+        createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
+        const msg = findObstacles().text();
+
+        expect(msg).toContain(`in Project ${projectName}`);
+        expect(findLinks().at(1).attributes('href')).toBe(projectUrl);
+      });
+    },
+  );
+
+  describe.each(mockSchedules)(
+    'renders on-call schedules',
+    ({ type, name, url, projectName, projectUrl }) => {
+      it(`includes the schedule name and link for ${name}`, () => {
+        createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
+        const msg = findObstacles().text();
+
+        expect(msg).toContain(`On-call schedule ${name}`);
+        expect(findLinks().at(0).attributes('href')).toBe(url);
+      });
+    },
+  );
+
+  describe.each(mockPolicies)(
+    'renders escalation policies',
+    ({ type, name, url, projectName, projectUrl }) => {
+      it(`includes the policy name and link for ${name}`, () => {
+        createComponent({ obstacles: [{ type, name, url, projectName, projectUrl }] });
+        const msg = findObstacles().text();
+
+        expect(msg).toContain(`Escalation policy ${name}`);
+        expect(findLinks().at(0).attributes('href')).toBe(url);
+      });
+    },
+  );
+});
diff --git a/spec/frontend/vue_shared/components/user_deletion_obstacles/utils_spec.js b/spec/frontend/vue_shared/components/user_deletion_obstacles/utils_spec.js
new file mode 100644
index 00000000000..99f739098f7
--- /dev/null
+++ b/spec/frontend/vue_shared/components/user_deletion_obstacles/utils_spec.js
@@ -0,0 +1,43 @@
+import { OBSTACLE_TYPES } from '~/vue_shared/components/user_deletion_obstacles/constants';
+import { parseUserDeletionObstacles } from '~/vue_shared/components/user_deletion_obstacles/utils';
+
+describe('parseUserDeletionObstacles', () => {
+  const mockObstacles = [{ name: 'Obstacle' }];
+  const expectedSchedule = { name: 'Obstacle', type: OBSTACLE_TYPES.oncallSchedules };
+  const expectedPolicy = { name: 'Obstacle', type: OBSTACLE_TYPES.escalationPolicies };
+
+  it('is undefined when user is not available', () => {
+    expect(parseUserDeletionObstacles()).toHaveLength(0);
+  });
+
+  it('is empty when obstacles are not available for user', () => {
+    expect(parseUserDeletionObstacles({})).toHaveLength(0);
+  });
+
+  it('is empty when user has no obstacles to deletion', () => {
+    const input = { oncallSchedules: [], escalationPolicies: [] };
+
+    expect(parseUserDeletionObstacles(input)).toHaveLength(0);
+  });
+
+  it('returns obstacles with type when user is part of on-call schedules', () => {
+    const input = { oncallSchedules: mockObstacles, escalationPolicies: [] };
+    const expectedOutput = [expectedSchedule];
+
+    expect(parseUserDeletionObstacles(input)).toEqual(expectedOutput);
+  });
+
+  it('returns obstacles with type when user is part of escalation policies', () => {
+    const input = { oncallSchedules: [], escalationPolicies: mockObstacles };
+    const expectedOutput = [expectedPolicy];
+
+    expect(parseUserDeletionObstacles(input)).toEqual(expectedOutput);
+  });
+
+  it('returns obstacles with type when user have every obstacle type', () => {
+    const input = { oncallSchedules: mockObstacles, escalationPolicies: mockObstacles };
+    const expectedOutput = [expectedSchedule, expectedPolicy];
+
+    expect(parseUserDeletionObstacles(input)).toEqual(expectedOutput);
+  });
+});
diff --git a/spec/frontend/vue_shared/oncall_schedules_list_spec.js b/spec/frontend/vue_shared/oncall_schedules_list_spec.js
deleted file mode 100644
index f83a5187b8b..00000000000
--- a/spec/frontend/vue_shared/oncall_schedules_list_spec.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import { GlLink, GlSprintf } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import { extendedWrapper } from 'helpers/vue_test_utils_helper';
-import OncallSchedulesList from '~/vue_shared/components/oncall_schedules_list.vue';
-
-const mockSchedules = [
-  {
-    name: 'Schedule 1',
-    scheduleUrl: 'http://gitlab.com/gitlab-org/gitlab-shell/-/oncall_schedules',
-    projectName: 'Shell',
-    projectUrl: 'http://gitlab.com/gitlab-org/gitlab-shell/',
-  },
-  {
-    name: 'Schedule 2',
-    scheduleUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/-/oncall_schedules',
-    projectName: 'UI',
-    projectUrl: 'http://gitlab.com/gitlab-org/gitlab-ui/',
-  },
-];
-
-const userName = "O'User";
-
-describe('On-call schedules list', () => {
-  let wrapper;
-
-  function createComponent(props) {
-    wrapper = extendedWrapper(
-      shallowMount(OncallSchedulesList, {
-        propsData: {
-          schedules: mockSchedules,
-          userName,
-          ...props,
-        },
-        stubs: {
-          GlSprintf,
-        },
-      }),
-    );
-  }
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  const findLinks = () => wrapper.findAllComponents(GlLink);
-  const findTitle = () => wrapper.findByTestId('title');
-  const findFooter = () => wrapper.findByTestId('footer');
-  const findSchedules = () => wrapper.findByTestId('schedules-list');
-
-  describe.each`
-    isCurrentUser | titleText                                   | footerText
-    ${true}       | ${'You are currently a part of:'}           | ${'Removing yourself may put your on-call team at risk of missing a notification.'}
-    ${false}      | ${`User ${userName} is currently part of:`} | ${'Removing this user may put their on-call team at risk of missing a notification.'}
-  `('when current user ', ({ isCurrentUser, titleText, footerText }) => {
-    it(`${isCurrentUser ? 'is' : 'is not'} a part of on-call schedule`, async () => {
-      createComponent({
-        isCurrentUser,
-      });
-
-      expect(findTitle().text()).toBe(titleText);
-      expect(findFooter().text()).toBe(footerText);
-    });
-  });
-
-  describe.each(mockSchedules)(
-    'renders each on-call schedule data',
-    ({ name, scheduleUrl, projectName, projectUrl }) => {
-      beforeEach(() => {
-        createComponent({ schedules: [{ name, scheduleUrl, projectName, projectUrl }] });
-      });
-
-      it(`renders schedule ${name}'s name and link`, () => {
-        const msg = findSchedules().text();
-
-        expect(msg).toContain(`On-call schedule ${name}`);
-        expect(findLinks().at(0).attributes('href')).toBe(scheduleUrl);
-      });
-
-      it(`renders project ${projectName}'s name and link`, () => {
-        const msg = findSchedules().text();
-
-        expect(msg).toContain(`in Project ${projectName}`);
-        expect(findLinks().at(1).attributes('href')).toBe(projectUrl);
-      });
-    },
-  );
-});