1 files changed, 25 insertions, 32 deletions

diff --git a/spec/frontend/admin/users/components/actions/actions_spec.js b/spec/frontend/admin/users/components/actions/actions_spec.js
index 4967753b91c..8e9652332c1 100644
--- a/spec/frontend/admin/users/components/actions/actions_spec.js
+++ b/spec/frontend/admin/users/components/actions/actions_spec.js
@@ -1,13 +1,13 @@
 import { GlDropdownItem } from '@gitlab/ui';
 import { shallowMount } from '@vue/test-utils';
 import Actions from '~/admin/users/components/actions';
+import Delete from '~/admin/users/components/actions/delete.vue';
 import eventHub, {
   EVENT_OPEN_DELETE_USER_MODAL,
 } from '~/admin/users/components/modals/delete_user_modal_event_hub';
 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';
+import { CONFIRMATION_ACTIONS } from '../../constants';
+import { paths, userDeletionObstacles } from '../../mock_data';
 
 describe('Action components', () => {
   let wrapper;
@@ -41,40 +41,33 @@ describe('Action components', () => {
     });
   });
 
-  describe('DELETE_ACTION_COMPONENTS', () => {
+  describe('DELETE', () => {
     beforeEach(() => {
       jest.spyOn(eventHub, '$emit').mockImplementation();
     });
 
-    const userDeletionObstacles = [
-      { name: 'schedule1', type: OBSTACLE_TYPES.oncallSchedules },
-      { name: 'policy1', type: OBSTACLE_TYPES.escalationPolicies },
-    ];
-
-    it.each(DELETE_ACTIONS)(
-      'renders a dropdown item that opens the delete user modal when clicked for "%s"',
-      async (action) => {
-        initComponent({
-          component: Actions[capitalizeFirstCharacter(action)],
-          props: {
-            username: 'John Doe',
-            paths,
-            userDeletionObstacles,
-          },
-        });
+    it('renders a dropdown item that opens the delete user modal when Delete is clicked', async () => {
+      initComponent({
+        component: Delete,
+        props: {
+          username: 'John Doe',
+          userId: 1,
+          paths,
+          userDeletionObstacles,
+        },
+      });
 
-        await findDropdownItem().vm.$emit('click');
+      await findDropdownItem().vm.$emit('click');
 
-        expect(eventHub.$emit).toHaveBeenCalledWith(
-          EVENT_OPEN_DELETE_USER_MODAL,
-          expect.objectContaining({
-            username: 'John Doe',
-            blockPath: paths.block,
-            deletePath: paths[action],
-            userDeletionObstacles,
-          }),
-        );
-      },
-    );
+      expect(eventHub.$emit).toHaveBeenCalledWith(
+        EVENT_OPEN_DELETE_USER_MODAL,
+        expect.objectContaining({
+          username: 'John Doe',
+          blockPath: paths.block,
+          deletePath: paths.delete,
+          userDeletionObstacles,
+        }),
+      );
+    });
   });
 });