Add latest changes from gitlab-org/gitlab@13-3-stable-ee

3 files changed, 371 insertions, 0 deletions

diff --git a/spec/frontend/packages/list/stores/actions_spec.js b/spec/frontend/packages/list/stores/actions_spec.js
new file mode 100644
index 00000000000..faa629cc01f
--- /dev/null
+++ b/spec/frontend/packages/list/stores/actions_spec.js
@@ -0,0 +1,240 @@
+import axios from 'axios';
+import MockAdapter from 'axios-mock-adapter';
+import testAction from 'helpers/vuex_action_helper';
+import Api from '~/api';
+import { deprecatedCreateFlash as createFlash } from '~/flash';
+import * as actions from '~/packages/list/stores/actions';
+import * as types from '~/packages/list/stores/mutation_types';
+import { MISSING_DELETE_PATH_ERROR, DELETE_PACKAGE_ERROR_MESSAGE } from '~/packages/list/constants';
+
+jest.mock('~/flash.js');
+jest.mock('~/api.js');
+
+describe('Actions Package list store', () => {
+  const headers = 'bar';
+  let mock;
+
+  beforeEach(() => {
+    Api.projectPackages = jest.fn().mockResolvedValue({ data: 'foo', headers });
+    Api.groupPackages = jest.fn().mockResolvedValue({ data: 'baz', headers });
+    mock = new MockAdapter(axios);
+  });
+
+  afterEach(() => {
+    mock.restore();
+  });
+
+  describe('requestPackagesList', () => {
+    const sorting = {
+      sort: 'asc',
+      orderBy: 'version',
+    };
+    it('should fetch the project packages list when isGroupPage is false', done => {
+      testAction(
+        actions.requestPackagesList,
+        undefined,
+        { config: { isGroupPage: false, resourceId: 1 }, sorting },
+        [],
+        [
+          { type: 'setLoading', payload: true },
+          { type: 'receivePackagesListSuccess', payload: { data: 'foo', headers } },
+          { type: 'setLoading', payload: false },
+        ],
+        () => {
+          expect(Api.projectPackages).toHaveBeenCalledWith(1, {
+            params: { page: 1, per_page: 20, sort: sorting.sort, order_by: sorting.orderBy },
+          });
+          done();
+        },
+      );
+    });
+
+    it('should fetch the group packages list when  isGroupPage is true', done => {
+      testAction(
+        actions.requestPackagesList,
+        undefined,
+        { config: { isGroupPage: true, resourceId: 2 }, sorting },
+        [],
+        [
+          { type: 'setLoading', payload: true },
+          { type: 'receivePackagesListSuccess', payload: { data: 'baz', headers } },
+          { type: 'setLoading', payload: false },
+        ],
+        () => {
+          expect(Api.groupPackages).toHaveBeenCalledWith(2, {
+            params: { page: 1, per_page: 20, sort: sorting.sort, order_by: sorting.orderBy },
+          });
+          done();
+        },
+      );
+    });
+
+    it('should fetch packages of a certain type when selectedType is present', done => {
+      const packageType = 'maven';
+
+      testAction(
+        actions.requestPackagesList,
+        undefined,
+        {
+          config: { isGroupPage: false, resourceId: 1 },
+          sorting,
+          selectedType: { type: packageType },
+        },
+        [],
+        [
+          { type: 'setLoading', payload: true },
+          { type: 'receivePackagesListSuccess', payload: { data: 'foo', headers } },
+          { type: 'setLoading', payload: false },
+        ],
+        () => {
+          expect(Api.projectPackages).toHaveBeenCalledWith(1, {
+            params: {
+              page: 1,
+              per_page: 20,
+              sort: sorting.sort,
+              order_by: sorting.orderBy,
+              package_type: packageType,
+            },
+          });
+          done();
+        },
+      );
+    });
+
+    it('should create flash on API error', done => {
+      Api.projectPackages = jest.fn().mockRejectedValue();
+      testAction(
+        actions.requestPackagesList,
+        undefined,
+        { config: { isGroupPage: false, resourceId: 2 }, sorting },
+        [],
+        [{ type: 'setLoading', payload: true }, { type: 'setLoading', payload: false }],
+        () => {
+          expect(createFlash).toHaveBeenCalled();
+          done();
+        },
+      );
+    });
+  });
+
+  describe('receivePackagesListSuccess', () => {
+    it('should set received packages', done => {
+      const data = 'foo';
+
+      testAction(
+        actions.receivePackagesListSuccess,
+        { data, headers },
+        null,
+        [
+          { type: types.SET_PACKAGE_LIST_SUCCESS, payload: data },
+          { type: types.SET_PAGINATION, payload: headers },
+        ],
+        [],
+        done,
+      );
+    });
+  });
+
+  describe('setInitialState', () => {
+    it('should commit setInitialState', done => {
+      testAction(
+        actions.setInitialState,
+        '1',
+        null,
+        [{ type: types.SET_INITIAL_STATE, payload: '1' }],
+        [],
+        done,
+      );
+    });
+  });
+
+  describe('setLoading', () => {
+    it('should commit set main loading', done => {
+      testAction(
+        actions.setLoading,
+        true,
+        null,
+        [{ type: types.SET_MAIN_LOADING, payload: true }],
+        [],
+        done,
+      );
+    });
+  });
+
+  describe('requestDeletePackage', () => {
+    const payload = {
+      _links: {
+        delete_api_path: 'foo',
+      },
+    };
+    it('should perform a delete operation on _links.delete_api_path', done => {
+      mock.onDelete(payload._links.delete_api_path).replyOnce(200);
+      Api.projectPackages = jest.fn().mockResolvedValue({ data: 'foo' });
+
+      testAction(
+        actions.requestDeletePackage,
+        payload,
+        { pagination: { page: 1 } },
+        [],
+        [
+          { type: 'setLoading', payload: true },
+          { type: 'requestPackagesList', payload: { page: 1 } },
+        ],
+        done,
+      );
+    });
+
+    it('should stop the loading and call create flash on api error', done => {
+      mock.onDelete(payload._links.delete_api_path).replyOnce(400);
+      testAction(
+        actions.requestDeletePackage,
+        payload,
+        null,
+        [],
+        [{ type: 'setLoading', payload: true }, { type: 'setLoading', payload: false }],
+        () => {
+          expect(createFlash).toHaveBeenCalled();
+          done();
+        },
+      );
+    });
+
+    it.each`
+      property             | actionPayload
+      ${'_links'}          | ${{}}
+      ${'delete_api_path'} | ${{ _links: {} }}
+    `('should reject and createFlash when $property is missing', ({ actionPayload }, done) => {
+      testAction(actions.requestDeletePackage, actionPayload, null, [], []).catch(e => {
+        expect(e).toEqual(new Error(MISSING_DELETE_PATH_ERROR));
+        expect(createFlash).toHaveBeenCalledWith(DELETE_PACKAGE_ERROR_MESSAGE);
+        done();
+      });
+    });
+  });
+
+  describe('setSorting', () => {
+    it('should commit SET_SORTING', done => {
+      testAction(
+        actions.setSorting,
+        'foo',
+        null,
+        [{ type: types.SET_SORTING, payload: 'foo' }],
+        [],
+        done,
+      );
+    });
+  });
+
+  describe('setFilter', () => {
+    it('should commit SET_FILTER', done => {
+      testAction(
+        actions.setFilter,
+        'foo',
+        null,
+        [{ type: types.SET_FILTER, payload: 'foo' }],
+        [],
+        done,
+      );
+    });
+  });
+});
diff --git a/spec/frontend/packages/list/stores/getters_spec.js b/spec/frontend/packages/list/stores/getters_spec.js
new file mode 100644
index 00000000000..080bbc21d9f
--- /dev/null
+++ b/spec/frontend/packages/list/stores/getters_spec.js
@@ -0,0 +1,36 @@
+import getList from '~/packages/list/stores/getters';
+import { packageList } from '../../mock_data';
+
+describe('Getters registry list store', () => {
+  let state;
+
+  const setState = ({ isGroupPage = false } = {}) => {
+    state = {
+      packages: packageList,
+      config: {
+        isGroupPage,
+      },
+    };
+  };
+
+  beforeEach(() => setState());
+
+  afterEach(() => {
+    state = null;
+  });
+
+  describe('getList', () => {
+    it('returns a list of packages', () => {
+      const result = getList(state);
+
+      expect(result).toHaveLength(packageList.length);
+      expect(result[0].name).toBe('Test package');
+    });
+
+    it('adds projectPathName', () => {
+      const result = getList(state);
+
+      expect(result[0].projectPathName).toMatchInlineSnapshot(`"foo / bar / baz"`);
+    });
+  });
+});
diff --git a/spec/frontend/packages/list/stores/mutations_spec.js b/spec/frontend/packages/list/stores/mutations_spec.js
new file mode 100644
index 00000000000..563a3dabbb3
--- /dev/null
+++ b/spec/frontend/packages/list/stores/mutations_spec.js
@@ -0,0 +1,95 @@
+import mutations from '~/packages/list/stores/mutations';
+import * as types from '~/packages/list/stores/mutation_types';
+import createState from '~/packages/list/stores/state';
+import * as commonUtils from '~/lib/utils/common_utils';
+import { npmPackage, mavenPackage } from '../../mock_data';
+
+describe('Mutations Registry Store', () => {
+  let mockState;
+  beforeEach(() => {
+    mockState = createState();
+  });
+
+  describe('SET_INITIAL_STATE', () => {
+    it('should set the initial state', () => {
+      const config = {
+        resourceId: '1',
+        pageType: 'groups',
+        userCanDelete: '',
+        emptyListIllustration: 'foo',
+        emptyListHelpUrl: 'baz',
+        comingSoonJson: '{ "project_path": "gitlab-org/gitlab-test" }',
+      };
+
+      const expectedState = {
+        ...mockState,
+        config: {
+          ...config,
+          isGroupPage: true,
+          canDestroyPackage: true,
+        },
+      };
+      mutations[types.SET_INITIAL_STATE](mockState, config);
+
+      expect(mockState.projectId).toEqual(expectedState.projectId);
+    });
+  });
+
+  describe('SET_PACKAGE_LIST_SUCCESS', () => {
+    it('should set a packages list', () => {
+      const payload = [npmPackage, mavenPackage];
+      const expectedState = { ...mockState, packages: payload };
+      mutations[types.SET_PACKAGE_LIST_SUCCESS](mockState, payload);
+
+      expect(mockState.packages).toEqual(expectedState.packages);
+    });
+  });
+
+  describe('SET_MAIN_LOADING', () => {
+    it('should set main loading', () => {
+      mutations[types.SET_MAIN_LOADING](mockState, true);
+
+      expect(mockState.isLoading).toEqual(true);
+    });
+  });
+
+  describe('SET_PAGINATION', () => {
+    const mockPagination = { perPage: 10, page: 1 };
+    beforeEach(() => {
+      commonUtils.normalizeHeaders = jest.fn().mockReturnValue('baz');
+      commonUtils.parseIntPagination = jest.fn().mockReturnValue(mockPagination);
+    });
+    it('should set a parsed pagination', () => {
+      mutations[types.SET_PAGINATION](mockState, 'foo');
+      expect(commonUtils.normalizeHeaders).toHaveBeenCalledWith('foo');
+      expect(commonUtils.parseIntPagination).toHaveBeenCalledWith('baz');
+      expect(mockState.pagination).toEqual(mockPagination);
+    });
+  });
+
+  describe('SET_SORTING', () => {
+    it('should merge the sorting object with sort value', () => {
+      mutations[types.SET_SORTING](mockState, { sort: 'desc' });
+      expect(mockState.sorting).toEqual({ ...mockState.sorting, sort: 'desc' });
+    });
+
+    it('should merge the sorting object with order_by value', () => {
+      mutations[types.SET_SORTING](mockState, { orderBy: 'foo' });
+      expect(mockState.sorting).toEqual({ ...mockState.sorting, orderBy: 'foo' });
+    });
+  });
+
+  describe('SET_SELECTED_TYPE', () => {
+    it('should set the selected type', () => {
+      mutations[types.SET_SELECTED_TYPE](mockState, { type: 'maven' });
+      expect(mockState.selectedType).toEqual({ type: 'maven' });
+    });
+  });
+
+  describe('SET_FILTER', () => {
+    it('should set the filter query', () => {
+      mutations[types.SET_FILTER](mockState, 'foo');
+      expect(mockState.filterQuery).toEqual('foo');
+    });
+  });
+});