1 files changed, 0 insertions, 121 deletions
diff --git a/spec/frontend/frequent_items/components/frequent_items_list_spec.js b/spec/frontend/frequent_items/components/frequent_items_list_spec.js
deleted file mode 100644
index 8055b7a9c13..00000000000
--- a/spec/frontend/frequent_items/components/frequent_items_list_spec.js
+++ /dev/null
@@ -1,121 +0,0 @@
-import Vue, { nextTick } from 'vue';
-// eslint-disable-next-line no-restricted-imports
-import Vuex from 'vuex';
-import { mountExtended } from 'helpers/vue_test_utils_helper';
-import frequentItemsListComponent from '~/frequent_items/components/frequent_items_list.vue';
-import frequentItemsListItemComponent from '~/frequent_items/components/frequent_items_list_item.vue';
-import { createStore } from '~/frequent_items/store';
-import { mockFrequentProjects } from '../mock_data';
-
-Vue.use(Vuex);
-
-describe('FrequentItemsListComponent', () => {
-  let wrapper;
-
-  const createComponent = (props = {}) => {
-    wrapper = mountExtended(frequentItemsListComponent, {
-      store: createStore(),
-      propsData: {
-        namespace: 'projects',
-        items: mockFrequentProjects,
-        isFetchFailed: false,
-        isItemRemovalFailed: false,
-        hasSearchQuery: false,
-        matcher: 'lab',
-        ...props,
-      },
-      provide: {
-        vuexModule: 'frequentProjects',
-      },
-    });
-  };
-
-  describe('computed', () => {
-    describe('isListEmpty', () => {
-      it('should return `true` or `false` representing whether if `items` is empty or not with projects', async () => {
-        createComponent({
-          items: [],
-        });
-
-        expect(wrapper.vm.isListEmpty).toBe(true);
-
-        wrapper.setProps({
-          items: mockFrequentProjects,
-        });
-        await nextTick();
-
-        expect(wrapper.vm.isListEmpty).toBe(false);
-      });
-    });
-
-    describe('fetched item messages', () => {
-      it('should show default empty list message', () => {
-        createComponent({
-          items: [],
-        });
-
-        expect(wrapper.findByTestId('frequent-items-list-empty').text()).toContain(
-          'Projects you visit often will appear here',
-        );
-      });
-
-      it.each`
-        isFetchFailed | isItemRemovalFailed
-        ${true}       | ${false}
-        ${false}      | ${true}
-      `(
-        'should show failure message when `isFetchFailed` is $isFetchFailed or `isItemRemovalFailed` is $isItemRemovalFailed',
-        ({ isFetchFailed, isItemRemovalFailed }) => {
-          createComponent({
-            items: [],
-            isFetchFailed,
-            isItemRemovalFailed,
-          });
-
-          expect(wrapper.findByTestId('frequent-items-list-empty').text()).toContain(
-            'This feature requires browser localStorage support',
-          );
-        },
-      );
-    });
-
-    describe('searched item messages', () => {
-      it('should return appropriate empty list message based on value of `searchFailed` prop with projects', async () => {
-        createComponent({
-          hasSearchQuery: true,
-          isFetchFailed: true,
-        });
-
-        expect(wrapper.vm.listEmptyMessage).toBe('Something went wrong on our end.');
-
-        wrapper.setProps({
-          isFetchFailed: false,
-        });
-        await nextTick();
-
-        expect(wrapper.vm.listEmptyMessage).toBe('Sorry, no projects matched your search');
-      });
-    });
-  });
-
-  describe('template', () => {
-    it('should render component element with list of projects', async () => {
-      createComponent();
-
-      await nextTick();
-      expect(wrapper.classes('frequent-items-list-container')).toBe(true);
-      expect(wrapper.findAllByTestId('frequent-items-list')).toHaveLength(1);
-      expect(wrapper.findAllComponents(frequentItemsListItemComponent)).toHaveLength(5);
-    });
-
-    it('should render component element with empty message', async () => {
-      createComponent({
-        items: [],
-      });
-
-      await nextTick();
-      expect(wrapper.vm.$el.querySelectorAll('li.section-empty')).toHaveLength(1);
-      expect(wrapper.findAllComponents(frequentItemsListItemComponent)).toHaveLength(0);
-    });
-  });
-});