Add latest changes from gitlab-org/gitlab@15-7-stable-eev15.7.0-rc42

3 files changed, 0 insertions, 705 deletions

diff --git a/spec/frontend/issuable/bulk_update_sidebar/components/move_issues_button_spec.js b/spec/frontend/issuable/bulk_update_sidebar/components/move_issues_button_spec.js
deleted file mode 100644
index c432d722637..00000000000
--- a/spec/frontend/issuable/bulk_update_sidebar/components/move_issues_button_spec.js
+++ /dev/null
@@ -1,554 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import Vue, { nextTick } from 'vue';
-import { cloneDeep } from 'lodash';
-import VueApollo from 'vue-apollo';
-import { GlAlert } from '@gitlab/ui';
-import createMockApollo from 'helpers/mock_apollo_helper';
-import waitForPromises from 'helpers/wait_for_promises';
-import { useMockLocationHelper } from 'helpers/mock_window_location_helper';
-import createFlash from '~/flash';
-import { logError } from '~/lib/logger';
-import IssuableMoveDropdown from '~/vue_shared/components/sidebar/issuable_move_dropdown.vue';
-import MoveIssuesButton from '~/issuable/bulk_update_sidebar/components/move_issues_button.vue';
-import issuableEventHub from '~/issues/list/eventhub';
-import moveIssueMutation from '~/issuable/bulk_update_sidebar/components/graphql/mutations/move_issue.mutation.graphql';
-import getIssuesQuery from 'ee_else_ce/issues/list/queries/get_issues.query.graphql';
-import getIssuesCountsQuery from 'ee_else_ce/issues/list/queries/get_issues_counts.query.graphql';
-import { getIssuesCountsQueryResponse, getIssuesQueryResponse } from 'jest/issues/list/mock_data';
-import {
-  WORK_ITEM_TYPE_ENUM_ISSUE,
-  WORK_ITEM_TYPE_ENUM_INCIDENT,
-  WORK_ITEM_TYPE_ENUM_TASK,
-  WORK_ITEM_TYPE_ENUM_TEST_CASE,
-} from '~/work_items/constants';
-
-jest.mock('~/flash');
-jest.mock('~/lib/logger');
-useMockLocationHelper();
-
-const mockDefaultProps = {
-  projectFullPath: 'flight/FlightJS',
-  projectsFetchPath: '/-/autocomplete/projects?project_id=1',
-};
-
-const mockDestinationProject = {
-  full_path: 'gitlab-org/GitLabTest',
-};
-
-const mockMutationErrorMessage = 'Example error message';
-
-const mockIssue = {
-  iid: '15',
-  type: WORK_ITEM_TYPE_ENUM_ISSUE,
-};
-
-const mockIncident = {
-  iid: '32',
-  type: WORK_ITEM_TYPE_ENUM_INCIDENT,
-};
-
-const mockTask = {
-  iid: '40',
-  type: WORK_ITEM_TYPE_ENUM_TASK,
-};
-
-const mockTestCase = {
-  iid: '51',
-  type: WORK_ITEM_TYPE_ENUM_TEST_CASE,
-};
-
-const selectedIssuesMocks = {
-  tasksOnly: [mockTask],
-  testCasesOnly: [mockTestCase],
-  issuesOnly: [mockIssue, mockIncident],
-  tasksAndTestCases: [mockTask, mockTestCase],
-  issuesAndTasks: [mockIssue, mockIncident, mockTask],
-  issuesAndTestCases: [mockIssue, mockIncident, mockTestCase],
-  issuesTasksAndTestCases: [mockIssue, mockIncident, mockTask, mockTestCase],
-};
-
-let getIssuesQueryCompleteResponse = getIssuesQueryResponse;
-if (IS_EE) {
-  getIssuesQueryCompleteResponse = cloneDeep(getIssuesQueryResponse);
-  getIssuesQueryCompleteResponse.data.project.issues.nodes[0].blockingCount = 1;
-  getIssuesQueryCompleteResponse.data.project.issues.nodes[0].healthStatus = null;
-  getIssuesQueryCompleteResponse.data.project.issues.nodes[0].weight = 5;
-}
-
-const resolvedMutationWithoutErrorsMock = jest.fn().mockResolvedValue({
-  data: {
-    issueMove: {
-      errors: [],
-    },
-  },
-});
-
-const resolvedMutationWithErrorsMock = jest.fn().mockResolvedValue({
-  data: {
-    issueMove: {
-      errors: [{ message: mockMutationErrorMessage }],
-    },
-  },
-});
-
-const rejectedMutationMock = jest.fn().mockRejectedValue({});
-
-const mockIssuesQueryResponse = jest.fn().mockResolvedValue(getIssuesQueryCompleteResponse);
-const mockIssuesCountsQueryResponse = jest.fn().mockResolvedValue(getIssuesCountsQueryResponse);
-
-describe('MoveIssuesButton', () => {
-  Vue.use(VueApollo);
-
-  let wrapper;
-  let fakeApollo;
-
-  const findAlert = () => wrapper.findComponent(GlAlert);
-  const findDropdown = () => wrapper.findComponent(IssuableMoveDropdown);
-  const emitMoveIssuablesEvent = () => {
-    findDropdown().vm.$emit('move-issuable', mockDestinationProject);
-  };
-
-  const createComponent = (data = {}, mutationResolverMock = rejectedMutationMock) => {
-    fakeApollo = createMockApollo([
-      [moveIssueMutation, mutationResolverMock],
-      [getIssuesQuery, mockIssuesQueryResponse],
-      [getIssuesCountsQuery, mockIssuesCountsQueryResponse],
-    ]);
-
-    fakeApollo.defaultClient.cache.writeQuery({
-      query: getIssuesQuery,
-      variables: {
-        isProject: true,
-        fullPath: mockDefaultProps.projectFullPath,
-      },
-      data: getIssuesQueryCompleteResponse.data,
-    });
-
-    fakeApollo.defaultClient.cache.writeQuery({
-      query: getIssuesCountsQuery,
-      variables: {
-        isProject: true,
-      },
-      data: getIssuesCountsQueryResponse.data,
-    });
-
-    wrapper = shallowMount(MoveIssuesButton, {
-      data() {
-        return {
-          ...data,
-        };
-      },
-      propsData: {
-        ...mockDefaultProps,
-      },
-      apolloProvider: fakeApollo,
-    });
-  };
-
-  beforeEach(() => {
-    // Needed due to a bug in Apollo: https://github.com/apollographql/apollo-client/issues/8900
-    // eslint-disable-next-line no-console
-    console.warn = jest.fn();
-  });
-
-  afterEach(() => {
-    wrapper.destroy();
-    fakeApollo = null;
-  });
-
-  describe('`Move selected` dropdown', () => {
-    it('renders disabled by default', () => {
-      createComponent();
-      expect(findDropdown().exists()).toBe(true);
-      expect(findDropdown().attributes('disabled')).toBe('true');
-    });
-
-    it.each`
-      selectedIssuablesMock                          | disabled | status        | testMessage
-      ${[]}                                          | ${true}  | ${'disabled'} | ${'nothing is selected'}
-      ${selectedIssuesMocks.tasksOnly}               | ${true}  | ${'disabled'} | ${'only tasks are selected'}
-      ${selectedIssuesMocks.testCasesOnly}           | ${true}  | ${'disabled'} | ${'only test cases are selected'}
-      ${selectedIssuesMocks.issuesOnly}              | ${false} | ${'enabled'}  | ${'only issues are selected'}
-      ${selectedIssuesMocks.tasksAndTestCases}       | ${true}  | ${'disabled'} | ${'tasks and test cases are selected'}
-      ${selectedIssuesMocks.issuesAndTasks}          | ${false} | ${'enabled'}  | ${'issues and tasks are selected'}
-      ${selectedIssuesMocks.issuesAndTestCases}      | ${false} | ${'enabled'}  | ${'issues and test cases are selected'}
-      ${selectedIssuesMocks.issuesTasksAndTestCases} | ${false} | ${'enabled'}  | ${'issues and tasks and test cases are selected'}
-    `('renders $status if $testMessage', async ({ selectedIssuablesMock, disabled }) => {
-      createComponent({ selectedIssuables: selectedIssuablesMock });
-
-      await nextTick();
-
-      if (disabled) {
-        expect(findDropdown().attributes('disabled')).toBe('true');
-      } else {
-        expect(findDropdown().attributes('disabled')).toBeUndefined();
-      }
-    });
-  });
-
-  describe('warning message', () => {
-    it.each`
-      selectedIssuablesMock                          | warningExists | visibility       | message                                     | testMessage
-      ${[]}                                          | ${false}      | ${'not visible'} | ${'empty'}                                  | ${'nothing is selected'}
-      ${selectedIssuesMocks.tasksOnly}               | ${true}       | ${'visible'}     | ${'Tasks can not be moved.'}                | ${'only tasks are selected'}
-      ${selectedIssuesMocks.testCasesOnly}           | ${true}       | ${'visible'}     | ${'Test cases can not be moved.'}           | ${'only test cases are selected'}
-      ${selectedIssuesMocks.issuesOnly}              | ${false}      | ${'not visible'} | ${'empty'}                                  | ${'only issues are selected'}
-      ${selectedIssuesMocks.tasksAndTestCases}       | ${true}       | ${'visible'}     | ${'Tasks and test cases can not be moved.'} | ${'tasks and test cases are selected'}
-      ${selectedIssuesMocks.issuesAndTasks}          | ${true}       | ${'visible'}     | ${'Tasks can not be moved.'}                | ${'issues and tasks are selected'}
-      ${selectedIssuesMocks.issuesAndTestCases}      | ${true}       | ${'visible'}     | ${'Test cases can not be moved.'}           | ${'issues and test cases are selected'}
-      ${selectedIssuesMocks.issuesTasksAndTestCases} | ${true}       | ${'visible'}     | ${'Tasks and test cases can not be moved.'} | ${'issues and tasks and test cases are selected'}
-    `(
-      'is $visibility with `$message` message if $testMessage',
-      async ({ selectedIssuablesMock, warningExists, message }) => {
-        createComponent({ selectedIssuables: selectedIssuablesMock });
-
-        await nextTick();
-
-        const alert = findAlert();
-        expect(alert.exists()).toBe(warningExists);
-
-        if (warningExists) {
-          expect(alert.text()).toBe(message);
-          expect(alert.attributes('variant')).toBe('warning');
-        }
-      },
-    );
-  });
-
-  describe('moveIssues method', () => {
-    describe('changes the `Move selected` dropdown loading state', () => {
-      it('keeps loading state to false when no issue is selected', async () => {
-        createComponent();
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('keeps loading state to false when only tasks are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksOnly });
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('keeps loading state to false when only test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.testCasesOnly });
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('keeps loading state to false when only tasks and test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('sets loading state to true when issues are moving', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-
-        expect(findDropdown().props('moveInProgress')).toBe(true);
-      });
-
-      it('sets loading state to false when all mutations succeed', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-        await waitForPromises();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('sets loading state to false when a mutation returns errors', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-        await waitForPromises();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-
-      it('sets loading state to false when a mutation is rejected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await nextTick();
-        await waitForPromises();
-
-        expect(findDropdown().props('moveInProgress')).toBe(false);
-      });
-    });
-
-    describe('handles events', () => {
-      beforeEach(() => {
-        jest.spyOn(issuableEventHub, '$emit');
-      });
-
-      it('does not emit any event when no issue is selected', async () => {
-        createComponent();
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).not.toHaveBeenCalled();
-      });
-
-      it('does not emit any event when only tasks are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksOnly });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).not.toHaveBeenCalled();
-      });
-
-      it('does not emit any event when only test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.testCasesOnly });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).not.toHaveBeenCalled();
-      });
-
-      it('does not emit any event when only tasks and test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).not.toHaveBeenCalled();
-      });
-
-      it('emits `issuables:bulkMoveStarted` when issues are moving', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        expect(issuableEventHub.$emit).toHaveBeenCalledWith('issuables:bulkMoveStarted');
-      });
-
-      it('emits `issuables:bulkMoveEnded` when all mutations succeed', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).toHaveBeenCalledWith('issuables:bulkMoveEnded');
-      });
-
-      it('emits `issuables:bulkMoveEnded` when a mutation returns errors', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).toHaveBeenCalledWith('issuables:bulkMoveEnded');
-      });
-
-      it('emits `issuables:bulkMoveEnded` when a mutation is rejected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(issuableEventHub.$emit).toHaveBeenCalledWith('issuables:bulkMoveEnded');
-      });
-    });
-
-    describe('shows errors', () => {
-      it('does not create flashes or logs errors when no issue is selected', async () => {
-        createComponent();
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).not.toHaveBeenCalled();
-      });
-
-      it('does not create flashes or logs errors when only tasks are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksOnly });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).not.toHaveBeenCalled();
-      });
-
-      it('does not create flashes or logs errors when only test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.testCasesOnly });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).not.toHaveBeenCalled();
-      });
-
-      it('does not create flashes or logs errors when only tasks and test cases are selected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.tasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).not.toHaveBeenCalled();
-      });
-
-      it('does not create flashes or logs errors when issues are moved without errors', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).not.toHaveBeenCalled();
-      });
-
-      it('creates a flash and logs errors when a mutation returns errors', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        // We're mocking two issues so it will log two errors
-        expect(logError).toHaveBeenCalledTimes(2);
-        expect(logError).toHaveBeenNthCalledWith(
-          1,
-          `Error moving issue. Error message: ${mockMutationErrorMessage}`,
-        );
-        expect(logError).toHaveBeenNthCalledWith(
-          2,
-          `Error moving issue. Error message: ${mockMutationErrorMessage}`,
-        );
-
-        // Only one flash is created even if multiple errors are reported
-        expect(createFlash).toHaveBeenCalledTimes(1);
-        expect(createFlash).toHaveBeenCalledWith({
-          message: 'There was an error while moving the issues.',
-        });
-      });
-
-      it('creates a flash but not logs errors when a mutation is rejected', async () => {
-        createComponent({ selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases });
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(logError).not.toHaveBeenCalled();
-        expect(createFlash).toHaveBeenCalledTimes(1);
-        expect(createFlash).toHaveBeenCalledWith({
-          message: 'There was an error while moving the issues.',
-        });
-      });
-    });
-
-    describe('calls mutations', () => {
-      it('does not call any mutation when no issue is selected', async () => {
-        createComponent({}, resolvedMutationWithoutErrorsMock);
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(resolvedMutationWithoutErrorsMock).not.toHaveBeenCalled();
-      });
-
-      it('does not call any mutation when only tasks are selected', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.tasksOnly },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(resolvedMutationWithoutErrorsMock).not.toHaveBeenCalled();
-      });
-
-      it('does not call any mutation when only test cases are selected', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.testCasesOnly },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(resolvedMutationWithoutErrorsMock).not.toHaveBeenCalled();
-      });
-
-      it('does not call any mutation when only tasks and test cases are selected', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.tasksAndTestCases },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        expect(resolvedMutationWithoutErrorsMock).not.toHaveBeenCalled();
-      });
-
-      it('calls a mutation for every selected issue skipping tasks', async () => {
-        createComponent(
-          { selectedIssuables: selectedIssuesMocks.issuesTasksAndTestCases },
-          resolvedMutationWithoutErrorsMock,
-        );
-        emitMoveIssuablesEvent();
-
-        await waitForPromises();
-
-        // We mock three elements but only two are valid issues since the task is skipped
-        expect(resolvedMutationWithoutErrorsMock).toHaveBeenCalledTimes(2);
-        expect(resolvedMutationWithoutErrorsMock).toHaveBeenNthCalledWith(1, {
-          moveIssueInput: {
-            projectPath: mockDefaultProps.projectFullPath,
-            iid: selectedIssuesMocks.issuesTasksAndTestCases[0].iid.toString(),
-            targetProjectPath: mockDestinationProject.full_path,
-          },
-        });
-
-        expect(resolvedMutationWithoutErrorsMock).toHaveBeenNthCalledWith(2, {
-          moveIssueInput: {
-            projectPath: mockDefaultProps.projectFullPath,
-            iid: selectedIssuesMocks.issuesTasksAndTestCases[1].iid.toString(),
-            targetProjectPath: mockDestinationProject.full_path,
-          },
-        });
-      });
-    });
-  });
-});
diff --git a/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js b/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js
deleted file mode 100644
index 2f281cb88f9..00000000000
--- a/spec/frontend/issuable/bulk_update_sidebar/components/status_dropdown_spec.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import StatusDropdown from '~/issuable/bulk_update_sidebar/components/status_dropdown.vue';
-import { statusDropdownOptions } from '~/issuable/bulk_update_sidebar/constants';
-
-describe('SubscriptionsDropdown component', () => {
-  let wrapper;
-
-  const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
-  const findHiddenInput = () => wrapper.find('input');
-
-  function createComponent() {
-    wrapper = shallowMount(StatusDropdown);
-  }
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  describe('with no value selected', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('renders default text', () => {
-      expect(findDropdown().props('text')).toBe('Select status');
-    });
-
-    it('renders dropdown items with `is-checked` prop set to `false`', () => {
-      const dropdownItems = findAllDropdownItems();
-
-      expect(dropdownItems.at(0).props('isChecked')).toBe(false);
-      expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-    });
-  });
-
-  describe('when selecting a value', () => {
-    const selectItemAtIndex = 0;
-
-    beforeEach(async () => {
-      createComponent();
-      await findAllDropdownItems().at(selectItemAtIndex).vm.$emit('click');
-    });
-
-    it('updates value of the hidden input', () => {
-      expect(findHiddenInput().attributes('value')).toBe(
-        statusDropdownOptions[selectItemAtIndex].value,
-      );
-    });
-
-    it('updates the dropdown text prop', () => {
-      expect(findDropdown().props('text')).toBe(statusDropdownOptions[selectItemAtIndex].text);
-    });
-
-    it('sets dropdown item `is-checked` prop to `true`', () => {
-      const dropdownItems = findAllDropdownItems();
-
-      expect(dropdownItems.at(0).props('isChecked')).toBe(true);
-      expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-    });
-
-    describe('when selecting the value that is already selected', () => {
-      it('clears dropdown selection', async () => {
-        await findAllDropdownItems().at(selectItemAtIndex).vm.$emit('click');
-
-        const dropdownItems = findAllDropdownItems();
-
-        expect(dropdownItems.at(0).props('isChecked')).toBe(false);
-        expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-        expect(findDropdown().props('text')).toBe('Select status');
-      });
-    });
-  });
-});
diff --git a/spec/frontend/issuable/bulk_update_sidebar/components/subscriptions_dropdown_spec.js b/spec/frontend/issuable/bulk_update_sidebar/components/subscriptions_dropdown_spec.js
deleted file mode 100644
index 56ef7a1ed39..00000000000
--- a/spec/frontend/issuable/bulk_update_sidebar/components/subscriptions_dropdown_spec.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { shallowMount } from '@vue/test-utils';
-import { nextTick } from 'vue';
-import SubscriptionsDropdown from '~/issuable/bulk_update_sidebar/components/subscriptions_dropdown.vue';
-import { subscriptionsDropdownOptions } from '~/issuable/bulk_update_sidebar/constants';
-
-describe('SubscriptionsDropdown component', () => {
-  let wrapper;
-
-  const findDropdown = () => wrapper.findComponent(GlDropdown);
-  const findAllDropdownItems = () => wrapper.findAllComponents(GlDropdownItem);
-  const findHiddenInput = () => wrapper.find('input');
-
-  function createComponent() {
-    wrapper = shallowMount(SubscriptionsDropdown);
-  }
-
-  afterEach(() => {
-    wrapper.destroy();
-  });
-
-  describe('with no value selected', () => {
-    beforeEach(() => {
-      createComponent();
-    });
-
-    it('hidden input value is undefined', () => {
-      expect(findHiddenInput().attributes('value')).toBeUndefined();
-    });
-
-    it('renders default text', () => {
-      expect(findDropdown().props('text')).toBe(SubscriptionsDropdown.i18n.defaultDropdownText);
-    });
-
-    it('renders dropdown items with `is-checked` prop set to `false`', () => {
-      const dropdownItems = findAllDropdownItems();
-
-      expect(dropdownItems.at(0).props('isChecked')).toBe(false);
-      expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-    });
-  });
-
-  describe('when selecting a value', () => {
-    beforeEach(() => {
-      createComponent();
-      findAllDropdownItems().at(0).vm.$emit('click');
-    });
-
-    it('updates value of the hidden input', () => {
-      expect(findHiddenInput().attributes('value')).toBe(subscriptionsDropdownOptions[0].value);
-    });
-
-    it('updates the dropdown text prop', () => {
-      expect(findDropdown().props('text')).toBe(subscriptionsDropdownOptions[0].text);
-    });
-
-    it('sets dropdown item `is-checked` prop to `true`', () => {
-      const dropdownItems = findAllDropdownItems();
-
-      expect(dropdownItems.at(0).props('isChecked')).toBe(true);
-      expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-    });
-
-    describe('when selecting the value that is already selected', () => {
-      it('clears dropdown selection', async () => {
-        findAllDropdownItems().at(0).vm.$emit('click');
-        await nextTick();
-        const dropdownItems = findAllDropdownItems();
-
-        expect(dropdownItems.at(0).props('isChecked')).toBe(false);
-        expect(dropdownItems.at(1).props('isChecked')).toBe(false);
-        expect(findDropdown().props('text')).toBe(SubscriptionsDropdown.i18n.defaultDropdownText);
-      });
-    });
-  });
-});