debian-mirror-gitlab/spec/frontend/boards/stores/actions_spec.js

1404 lines
32 KiB
JavaScript
Raw Normal View History

2020-10-24 23:57:45 +05:30
import testAction from 'helpers/vuex_action_helper';
2021-03-11 19:13:27 +05:30
import {
fullBoardId,
formatListIssues,
formatBoardLists,
formatIssueInput,
} from '~/boards/boards_util';
2021-04-17 20:07:23 +05:30
import { inactiveId, ISSUABLE } from '~/boards/constants';
2021-03-11 19:13:27 +05:30
import destroyBoardListMutation from '~/boards/graphql/board_list_destroy.mutation.graphql';
import issueCreateMutation from '~/boards/graphql/issue_create.mutation.graphql';
import issueMoveListMutation from '~/boards/graphql/issue_move_list.mutation.graphql';
import actions, { gqlClient } from '~/boards/stores/actions';
import * as types from '~/boards/stores/mutation_types';
2020-11-24 15:15:51 +05:30
import {
mockLists,
2021-01-29 00:20:46 +05:30
mockListsById,
2020-11-24 15:15:51 +05:30
mockIssue,
2021-02-22 17:27:13 +05:30
mockIssue2,
2020-11-24 15:15:51 +05:30
rawIssue,
2021-01-03 14:25:43 +05:30
mockIssues,
2021-02-22 17:27:13 +05:30
mockMilestone,
2021-01-03 14:25:43 +05:30
labels,
2021-01-29 00:20:46 +05:30
mockActiveIssue,
2021-03-08 18:12:59 +05:30
mockGroupProjects,
2020-11-24 15:15:51 +05:30
} from '../mock_data';
2021-02-22 17:27:13 +05:30
jest.mock('~/flash');
2019-09-04 21:01:54 +05:30
2021-03-08 18:12:59 +05:30
const expectNotImplemented = (action) => {
2019-09-04 21:01:54 +05:30
it('is not implemented', () => {
expect(action).toThrow(new Error('Not implemented!'));
});
};
2020-11-24 15:15:51 +05:30
// We need this helper to make sure projectPath is including
// subgroups when the movIssue action is called.
2021-03-08 18:12:59 +05:30
const getProjectPath = (path) => path.split('#')[0];
2020-11-24 15:15:51 +05:30
2021-02-22 17:27:13 +05:30
beforeEach(() => {
window.gon = { features: {} };
});
2020-10-24 23:57:45 +05:30
describe('setInitialBoardData', () => {
it('sets data object', () => {
const mockData = {
2020-06-23 00:09:42 +05:30
foo: 'bar',
bar: 'baz',
};
return testAction(
2020-10-24 23:57:45 +05:30
actions.setInitialBoardData,
mockData,
2020-06-23 00:09:42 +05:30
{},
2020-10-24 23:57:45 +05:30
[{ type: types.SET_INITIAL_BOARD_DATA, payload: mockData }],
[],
);
});
});
2020-11-24 15:15:51 +05:30
describe('setFilters', () => {
2021-03-08 18:12:59 +05:30
it('should commit mutation SET_FILTERS', (done) => {
2020-11-24 15:15:51 +05:30
const state = {
filters: {},
};
const filters = { labelName: 'label' };
testAction(
actions.setFilters,
filters,
state,
2021-03-11 19:13:27 +05:30
[{ type: types.SET_FILTERS, payload: { ...filters, not: {} } }],
2020-11-24 15:15:51 +05:30
[],
done,
);
});
});
2021-02-22 17:27:13 +05:30
describe('performSearch', () => {
2021-03-08 18:12:59 +05:30
it('should dispatch setFilters action', (done) => {
2021-02-22 17:27:13 +05:30
testAction(actions.performSearch, {}, {}, [], [{ type: 'setFilters', payload: {} }], done);
});
2021-03-08 18:12:59 +05:30
it('should dispatch setFilters, fetchLists and resetIssues action when graphqlBoardLists FF is on', (done) => {
2021-02-22 17:27:13 +05:30
window.gon = { features: { graphqlBoardLists: true } };
testAction(
actions.performSearch,
{},
{},
[],
[{ type: 'setFilters', payload: {} }, { type: 'fetchLists' }, { type: 'resetIssues' }],
done,
);
});
});
2020-10-24 23:57:45 +05:30
describe('setActiveId', () => {
2021-03-08 18:12:59 +05:30
it('should commit mutation SET_ACTIVE_ID', (done) => {
2020-10-24 23:57:45 +05:30
const state = {
activeId: inactiveId,
};
testAction(
actions.setActiveId,
2020-11-24 15:15:51 +05:30
{ id: 1, sidebarType: 'something' },
2020-10-24 23:57:45 +05:30
state,
2020-11-24 15:15:51 +05:30
[{ type: types.SET_ACTIVE_ID, payload: { id: 1, sidebarType: 'something' } }],
2020-06-23 00:09:42 +05:30
[],
2020-10-24 23:57:45 +05:30
done,
2020-06-23 00:09:42 +05:30
);
});
2019-09-04 21:01:54 +05:30
});
2021-01-03 14:25:43 +05:30
describe('fetchLists', () => {
2021-04-17 20:07:23 +05:30
it('should dispatch fetchIssueLists action', () => {
testAction({
action: actions.fetchLists,
expectedActions: [{ type: 'fetchIssueLists' }],
});
});
});
describe('fetchIssueLists', () => {
2021-01-03 14:25:43 +05:30
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2021-01-03 14:25:43 +05:30
filterParams: {},
boardType: 'group',
};
let queryResponse = {
data: {
group: {
board: {
hideBacklogList: true,
lists: {
nodes: [mockLists[1]],
},
},
},
},
};
const formattedLists = formatBoardLists(queryResponse.data.group.board.lists);
2021-03-08 18:12:59 +05:30
it('should commit mutations RECEIVE_BOARD_LISTS_SUCCESS on success', (done) => {
2021-01-03 14:25:43 +05:30
jest.spyOn(gqlClient, 'query').mockResolvedValue(queryResponse);
testAction(
2021-04-17 20:07:23 +05:30
actions.fetchIssueLists,
2021-01-03 14:25:43 +05:30
{},
state,
[
{
type: types.RECEIVE_BOARD_LISTS_SUCCESS,
payload: formattedLists,
},
],
2021-02-22 17:27:13 +05:30
[],
2021-01-03 14:25:43 +05:30
done,
);
});
2021-04-17 20:07:23 +05:30
it('should commit mutations RECEIVE_BOARD_LISTS_FAILURE on failure', (done) => {
jest.spyOn(gqlClient, 'query').mockResolvedValue(Promise.reject());
testAction(
actions.fetchIssueLists,
{},
state,
[
{
type: types.RECEIVE_BOARD_LISTS_FAILURE,
},
],
[],
done,
);
});
2021-03-08 18:12:59 +05:30
it('dispatch createList action when backlog list does not exist and is not hidden', (done) => {
2021-01-03 14:25:43 +05:30
queryResponse = {
data: {
group: {
board: {
hideBacklogList: false,
lists: {
nodes: [mockLists[1]],
},
},
},
},
};
jest.spyOn(gqlClient, 'query').mockResolvedValue(queryResponse);
testAction(
2021-04-17 20:07:23 +05:30
actions.fetchIssueLists,
2021-01-03 14:25:43 +05:30
{},
state,
[
{
type: types.RECEIVE_BOARD_LISTS_SUCCESS,
payload: formattedLists,
},
],
2021-02-22 17:27:13 +05:30
[{ type: 'createList', payload: { backlog: true } }],
2021-01-03 14:25:43 +05:30
done,
);
});
});
2019-09-04 21:01:54 +05:30
describe('createList', () => {
2021-04-17 20:07:23 +05:30
it('should dispatch createIssueList action', () => {
testAction({
action: actions.createList,
payload: { backlog: true },
expectedActions: [{ type: 'createIssueList', payload: { backlog: true } }],
});
});
});
describe('createIssueList', () => {
2021-03-11 19:13:27 +05:30
let commit;
let dispatch;
let getters;
let state;
beforeEach(() => {
state = {
fullPath: 'gitlab-org',
boardId: '1',
boardType: 'group',
disabled: false,
boardLists: [{ type: 'closed' }],
};
commit = jest.fn();
dispatch = jest.fn();
getters = {
getListByLabelId: jest.fn(),
};
});
it('should dispatch addList action when creating backlog list', async () => {
2020-11-24 15:15:51 +05:30
const backlogList = {
id: 'gid://gitlab/List/1',
listType: 'backlog',
title: 'Open',
position: 0,
};
jest.spyOn(gqlClient, 'mutate').mockReturnValue(
Promise.resolve({
data: {
boardListCreate: {
list: backlogList,
errors: [],
},
},
}),
);
2021-04-17 20:07:23 +05:30
await actions.createIssueList({ getters, state, commit, dispatch }, { backlog: true });
2021-03-11 19:13:27 +05:30
expect(dispatch).toHaveBeenCalledWith('addList', backlogList);
});
it('dispatches highlightList after addList has succeeded', async () => {
const list = {
id: 'gid://gitlab/List/1',
listType: 'label',
title: 'Open',
labelId: '4',
2020-11-24 15:15:51 +05:30
};
2021-03-11 19:13:27 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
boardListCreate: {
list,
errors: [],
},
},
});
2021-04-17 20:07:23 +05:30
await actions.createIssueList({ getters, state, commit, dispatch }, { labelId: '4' });
2021-03-11 19:13:27 +05:30
expect(dispatch).toHaveBeenCalledWith('addList', list);
expect(dispatch).toHaveBeenCalledWith('highlightList', list.id);
2020-11-24 15:15:51 +05:30
});
2021-03-11 19:13:27 +05:30
it('should commit CREATE_LIST_FAILURE mutation when API returns an error', async () => {
2020-11-24 15:15:51 +05:30
jest.spyOn(gqlClient, 'mutate').mockReturnValue(
Promise.resolve({
data: {
boardListCreate: {
list: {},
2021-04-17 20:07:23 +05:30
errors: ['foo'],
2020-11-24 15:15:51 +05:30
},
},
}),
);
2021-04-17 20:07:23 +05:30
await actions.createIssueList({ getters, state, commit, dispatch }, { backlog: true });
2021-03-11 19:13:27 +05:30
2021-04-17 20:07:23 +05:30
expect(commit).toHaveBeenCalledWith(types.CREATE_LIST_FAILURE, 'foo');
2021-03-11 19:13:27 +05:30
});
it('highlights list and does not re-query if it already exists', async () => {
const existingList = {
id: 'gid://gitlab/List/1',
listType: 'label',
title: 'Some label',
position: 1,
2020-11-24 15:15:51 +05:30
};
2021-03-11 19:13:27 +05:30
getters = {
getListByLabelId: jest.fn().mockReturnValue(existingList),
};
2021-04-17 20:07:23 +05:30
await actions.createIssueList({ getters, state, commit, dispatch }, { backlog: true });
2021-03-11 19:13:27 +05:30
expect(dispatch).toHaveBeenCalledWith('highlightList', existingList.id);
expect(dispatch).toHaveBeenCalledTimes(1);
expect(commit).not.toHaveBeenCalled();
});
});
describe('fetchLabels', () => {
it('should commit mutation RECEIVE_LABELS_SUCCESS on success', async () => {
const queryResponse = {
data: {
group: {
labels: {
nodes: labels,
},
},
},
};
jest.spyOn(gqlClient, 'query').mockResolvedValue(queryResponse);
2021-04-17 20:07:23 +05:30
const commit = jest.fn();
const getters = {
shouldUseGraphQL: () => true,
};
const state = { boardType: 'group' };
await actions.fetchLabels({ getters, state, commit });
expect(commit).toHaveBeenCalledWith(types.RECEIVE_LABELS_SUCCESS, labels);
2020-11-24 15:15:51 +05:30
});
});
describe('moveList', () => {
2021-03-08 18:12:59 +05:30
it('should commit MOVE_LIST mutation and dispatch updateList action', (done) => {
2021-01-03 14:25:43 +05:30
const initialBoardListsState = {
2021-02-22 17:27:13 +05:30
'gid://gitlab/List/1': mockLists[0],
'gid://gitlab/List/2': mockLists[1],
2021-01-03 14:25:43 +05:30
};
2020-11-24 15:15:51 +05:30
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2020-11-24 15:15:51 +05:30
boardType: 'group',
disabled: false,
2021-01-03 14:25:43 +05:30
boardLists: initialBoardListsState,
2020-11-24 15:15:51 +05:30
};
testAction(
actions.moveList,
2021-01-03 14:25:43 +05:30
{
listId: 'gid://gitlab/List/1',
replacedListId: 'gid://gitlab/List/2',
newIndex: 1,
adjustmentValue: 1,
},
2020-11-24 15:15:51 +05:30
state,
[
{
type: types.MOVE_LIST,
2021-02-22 17:27:13 +05:30
payload: { movedList: mockLists[0], listAtNewIndex: mockLists[1] },
2020-11-24 15:15:51 +05:30
},
],
[
{
type: 'updateList',
2021-01-03 14:25:43 +05:30
payload: {
listId: 'gid://gitlab/List/1',
position: 0,
backupList: initialBoardListsState,
},
2020-11-24 15:15:51 +05:30
},
],
done,
);
});
2021-02-22 17:27:13 +05:30
it('should not commit MOVE_LIST or dispatch updateList if listId and replacedListId are the same', () => {
const initialBoardListsState = {
'gid://gitlab/List/1': mockLists[0],
'gid://gitlab/List/2': mockLists[1],
};
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2021-02-22 17:27:13 +05:30
boardType: 'group',
disabled: false,
boardLists: initialBoardListsState,
};
testAction(
actions.moveList,
{
listId: 'gid://gitlab/List/1',
replacedListId: 'gid://gitlab/List/1',
newIndex: 1,
adjustmentValue: 1,
},
state,
[],
[],
);
});
2019-09-04 21:01:54 +05:30
});
describe('updateList', () => {
2021-03-08 18:12:59 +05:30
it('should commit UPDATE_LIST_FAILURE mutation when API returns an error', (done) => {
2020-11-24 15:15:51 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
updateBoardList: {
list: {},
errors: [{ foo: 'bar' }],
},
},
});
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2020-11-24 15:15:51 +05:30
boardType: 'group',
disabled: false,
boardLists: [{ type: 'closed' }],
};
testAction(
actions.updateList,
{ listId: 'gid://gitlab/List/1', position: 1 },
state,
[{ type: types.UPDATE_LIST_FAILURE }],
[],
done,
);
});
2019-09-04 21:01:54 +05:30
});
2021-04-17 20:07:23 +05:30
describe('toggleListCollapsed', () => {
it('should commit TOGGLE_LIST_COLLAPSED mutation', async () => {
const payload = { listId: 'gid://gitlab/List/1', collapsed: true };
await testAction({
action: actions.toggleListCollapsed,
payload,
expectedMutations: [
{
type: types.TOGGLE_LIST_COLLAPSED,
payload,
},
],
});
});
});
2021-01-29 00:20:46 +05:30
describe('removeList', () => {
let state;
const list = mockLists[0];
const listId = list.id;
const mutationVariables = {
mutation: destroyBoardListMutation,
variables: {
listId,
},
};
beforeEach(() => {
state = {
boardLists: mockListsById,
};
});
afterEach(() => {
state = null;
});
it('optimistically deletes the list', () => {
const commit = jest.fn();
actions.removeList({ commit, state }, listId);
expect(commit.mock.calls).toEqual([[types.REMOVE_LIST, listId]]);
});
it('keeps the updated list if remove succeeds', async () => {
const commit = jest.fn();
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
destroyBoardList: {
errors: [],
},
},
});
await actions.removeList({ commit, state }, listId);
expect(gqlClient.mutate).toHaveBeenCalledWith(mutationVariables);
expect(commit.mock.calls).toEqual([[types.REMOVE_LIST, listId]]);
});
it('restores the list if update fails', async () => {
const commit = jest.fn();
jest.spyOn(gqlClient, 'mutate').mockResolvedValue(Promise.reject());
await actions.removeList({ commit, state }, listId);
expect(gqlClient.mutate).toHaveBeenCalledWith(mutationVariables);
expect(commit.mock.calls).toEqual([
[types.REMOVE_LIST, listId],
[types.REMOVE_LIST_FAILURE, mockListsById],
]);
});
it('restores the list if update response has errors', async () => {
const commit = jest.fn();
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
destroyBoardList: {
errors: ['update failed, ID invalid'],
},
},
});
await actions.removeList({ commit, state }, listId);
expect(gqlClient.mutate).toHaveBeenCalledWith(mutationVariables);
expect(commit.mock.calls).toEqual([
[types.REMOVE_LIST, listId],
[types.REMOVE_LIST_FAILURE, mockListsById],
]);
});
2019-09-04 21:01:54 +05:30
});
2021-04-17 20:07:23 +05:30
describe('fetchItemsForList', () => {
2021-01-03 14:25:43 +05:30
const listId = mockLists[0].id;
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2021-01-03 14:25:43 +05:30
filterParams: {},
boardType: 'group',
};
2021-03-08 18:12:59 +05:30
const mockIssuesNodes = mockIssues.map((issue) => ({ node: issue }));
2021-01-03 14:25:43 +05:30
const pageInfo = {
endCursor: '',
hasNextPage: false,
};
const queryResponse = {
data: {
group: {
board: {
lists: {
nodes: [
{
id: listId,
issues: {
edges: mockIssuesNodes,
pageInfo,
},
},
],
},
},
},
},
};
const formattedIssues = formatListIssues(queryResponse.data.group.board.lists);
const listPageInfo = {
[listId]: pageInfo,
};
2021-04-17 20:07:23 +05:30
it('should commit mutations REQUEST_ITEMS_FOR_LIST and RECEIVE_ITEMS_FOR_LIST_SUCCESS on success', (done) => {
2021-01-03 14:25:43 +05:30
jest.spyOn(gqlClient, 'query').mockResolvedValue(queryResponse);
testAction(
2021-04-17 20:07:23 +05:30
actions.fetchItemsForList,
2021-01-03 14:25:43 +05:30
{ listId },
state,
[
{
2021-04-17 20:07:23 +05:30
type: types.REQUEST_ITEMS_FOR_LIST,
2021-01-03 14:25:43 +05:30
payload: { listId, fetchNext: false },
},
{
2021-04-17 20:07:23 +05:30
type: types.RECEIVE_ITEMS_FOR_LIST_SUCCESS,
payload: { listItems: formattedIssues, listPageInfo, listId },
2021-01-03 14:25:43 +05:30
},
],
[],
done,
);
});
2021-04-17 20:07:23 +05:30
it('should commit mutations REQUEST_ITEMS_FOR_LIST and RECEIVE_ITEMS_FOR_LIST_FAILURE on failure', (done) => {
2021-01-03 14:25:43 +05:30
jest.spyOn(gqlClient, 'query').mockResolvedValue(Promise.reject());
testAction(
2021-04-17 20:07:23 +05:30
actions.fetchItemsForList,
2021-01-03 14:25:43 +05:30
{ listId },
state,
[
{
2021-04-17 20:07:23 +05:30
type: types.REQUEST_ITEMS_FOR_LIST,
2021-01-03 14:25:43 +05:30
payload: { listId, fetchNext: false },
},
2021-04-17 20:07:23 +05:30
{ type: types.RECEIVE_ITEMS_FOR_LIST_FAILURE, payload: listId },
2021-01-03 14:25:43 +05:30
],
[],
done,
);
});
});
describe('resetIssues', () => {
it('commits RESET_ISSUES mutation', () => {
return testAction(actions.resetIssues, {}, {}, [{ type: types.RESET_ISSUES }], []);
});
});
2021-04-17 20:07:23 +05:30
describe('moveItem', () => {
it('should dispatch moveIssue action', () => {
testAction({
action: actions.moveItem,
expectedActions: [{ type: 'moveIssue' }],
});
});
});
2019-09-04 21:01:54 +05:30
describe('moveIssue', () => {
2020-11-24 15:15:51 +05:30
const listIssues = {
'gid://gitlab/List/1': [436, 437],
'gid://gitlab/List/2': [],
};
const issues = {
2021-03-08 18:12:59 +05:30
436: mockIssue,
437: mockIssue2,
2020-11-24 15:15:51 +05:30
};
const state = {
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org',
boardId: '1',
2020-11-24 15:15:51 +05:30
boardType: 'group',
disabled: false,
2021-02-22 17:27:13 +05:30
boardLists: mockLists,
2021-04-17 20:07:23 +05:30
boardItemsByListId: listIssues,
boardItems: issues,
2020-11-24 15:15:51 +05:30
};
2021-03-08 18:12:59 +05:30
it('should commit MOVE_ISSUE mutation and MOVE_ISSUE_SUCCESS mutation when successful', (done) => {
2020-11-24 15:15:51 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
issueMoveList: {
issue: rawIssue,
errors: [],
},
},
});
testAction(
actions.moveIssue,
{
2021-04-17 20:07:23 +05:30
itemId: '436',
itemIid: mockIssue.iid,
itemPath: mockIssue.referencePath,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
},
state,
[
{
type: types.MOVE_ISSUE,
payload: {
2021-02-22 17:27:13 +05:30
originalIssue: mockIssue,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
},
},
{
type: types.MOVE_ISSUE_SUCCESS,
payload: { issue: rawIssue },
},
],
[],
done,
);
});
it('calls mutate with the correct variables', () => {
const mutationVariables = {
mutation: issueMoveListMutation,
variables: {
projectPath: getProjectPath(mockIssue.referencePath),
2021-03-08 18:12:59 +05:30
boardId: fullBoardId(state.boardId),
2020-11-24 15:15:51 +05:30
iid: mockIssue.iid,
fromListId: 1,
toListId: 2,
moveBeforeId: undefined,
moveAfterId: undefined,
},
};
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
issueMoveList: {
issue: rawIssue,
errors: [],
},
},
});
actions.moveIssue(
{ state, commit: () => {} },
{
2021-04-17 20:07:23 +05:30
itemId: mockIssue.id,
itemIid: mockIssue.iid,
itemPath: mockIssue.referencePath,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
},
);
expect(gqlClient.mutate).toHaveBeenCalledWith(mutationVariables);
});
2021-03-08 18:12:59 +05:30
it('should commit MOVE_ISSUE mutation and MOVE_ISSUE_FAILURE mutation when unsuccessful', (done) => {
2020-11-24 15:15:51 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
issueMoveList: {
issue: {},
errors: [{ foo: 'bar' }],
},
},
});
testAction(
actions.moveIssue,
{
2021-04-17 20:07:23 +05:30
itemId: '436',
itemIid: mockIssue.iid,
itemPath: mockIssue.referencePath,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
},
state,
[
{
type: types.MOVE_ISSUE,
payload: {
2021-02-22 17:27:13 +05:30
originalIssue: mockIssue,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
},
},
{
type: types.MOVE_ISSUE_FAILURE,
payload: {
2021-02-22 17:27:13 +05:30
originalIssue: mockIssue,
2020-11-24 15:15:51 +05:30
fromListId: 'gid://gitlab/List/1',
toListId: 'gid://gitlab/List/2',
originalIndex: 0,
},
},
],
[],
done,
);
});
2019-09-04 21:01:54 +05:30
});
2021-01-29 00:20:46 +05:30
describe('setAssignees', () => {
const node = { username: 'name' };
const projectPath = 'h/h';
const refPath = `${projectPath}#3`;
const iid = '1';
2021-02-22 17:27:13 +05:30
describe('when succeeds', () => {
2021-03-08 18:12:59 +05:30
it('calls the correct mutation with the correct values', (done) => {
2021-02-22 17:27:13 +05:30
testAction(
actions.setAssignees,
2021-03-11 19:13:27 +05:30
[node],
2021-02-22 17:27:13 +05:30
{ activeIssue: { iid, referencePath: refPath }, commit: () => {} },
[
{
type: 'UPDATE_ISSUE_BY_ID',
payload: { prop: 'assignees', issueId: undefined, value: [node] },
},
],
[],
done,
);
2021-01-29 00:20:46 +05:30
});
});
2019-09-04 21:01:54 +05:30
});
2021-01-29 00:20:46 +05:30
describe('createNewIssue', () => {
const state = {
boardType: 'group',
2021-03-08 18:12:59 +05:30
fullPath: 'gitlab-org/gitlab',
boardConfig: {
labelIds: [],
assigneeId: null,
milestoneId: -1,
},
};
const stateWithBoardConfig = {
boardConfig: {
labels: [
{
id: 5,
title: 'Test',
color: '#ff0000',
description: 'testing;',
textColor: 'white',
},
],
assigneeId: 2,
milestoneId: 3,
2021-01-29 00:20:46 +05:30
},
};
it('should return issue from API on success', async () => {
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
createIssue: {
issue: mockIssue,
errors: [],
},
},
});
const result = await actions.createNewIssue({ state }, mockIssue);
expect(result).toEqual(mockIssue);
});
2021-03-08 18:12:59 +05:30
it('should add board scope to the issue being created', async () => {
2021-01-29 00:20:46 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
createIssue: {
2021-03-08 18:12:59 +05:30
issue: mockIssue,
errors: [],
},
},
});
await actions.createNewIssue({ state: stateWithBoardConfig }, mockIssue);
expect(gqlClient.mutate).toHaveBeenCalledWith({
mutation: issueCreateMutation,
variables: {
input: formatIssueInput(mockIssue, stateWithBoardConfig.boardConfig),
},
});
});
it('should add board scope by merging attributes to the issue being created', async () => {
const issue = {
...mockIssue,
assigneeIds: ['gid://gitlab/User/1'],
labelIds: ['gid://gitlab/GroupLabel/4'],
};
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
createIssue: {
issue,
errors: [],
},
},
});
const payload = formatIssueInput(issue, stateWithBoardConfig.boardConfig);
await actions.createNewIssue({ state: stateWithBoardConfig }, issue);
expect(gqlClient.mutate).toHaveBeenCalledWith({
mutation: issueCreateMutation,
variables: {
input: formatIssueInput(issue, stateWithBoardConfig.boardConfig),
},
});
expect(payload.labelIds).toEqual(['gid://gitlab/GroupLabel/4', 'gid://gitlab/GroupLabel/5']);
expect(payload.assigneeIds).toEqual(['gid://gitlab/User/1', 'gid://gitlab/User/2']);
});
it('should commit CREATE_ISSUE_FAILURE mutation when API returns an error', (done) => {
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
createIssue: {
issue: mockIssue,
2021-01-29 00:20:46 +05:30
errors: [{ foo: 'bar' }],
},
},
});
const payload = mockIssue;
2020-11-24 15:15:51 +05:30
testAction(
2021-01-29 00:20:46 +05:30
actions.createNewIssue,
2020-11-24 15:15:51 +05:30
payload,
2021-01-29 00:20:46 +05:30
state,
[{ type: types.CREATE_ISSUE_FAILURE }],
2020-11-24 15:15:51 +05:30
[],
done,
);
});
});
2021-01-29 00:20:46 +05:30
describe('addListIssue', () => {
2021-03-08 18:12:59 +05:30
it('should commit ADD_ISSUE_TO_LIST mutation', (done) => {
2020-11-24 15:15:51 +05:30
const payload = {
list: mockLists[0],
issue: mockIssue,
2021-01-29 00:20:46 +05:30
position: 0,
2020-11-24 15:15:51 +05:30
};
testAction(
2021-01-29 00:20:46 +05:30
actions.addListIssue,
2020-11-24 15:15:51 +05:30
payload,
{},
2021-01-29 00:20:46 +05:30
[{ type: types.ADD_ISSUE_TO_LIST, payload }],
2020-11-24 15:15:51 +05:30
[],
done,
);
});
});
2021-01-03 14:25:43 +05:30
describe('setActiveIssueLabels', () => {
2021-04-17 20:07:23 +05:30
const state = { boardItems: { [mockIssue.id]: mockIssue } };
2021-01-29 00:20:46 +05:30
const getters = { activeIssue: mockIssue };
2021-03-08 18:12:59 +05:30
const testLabelIds = labels.map((label) => label.id);
2021-01-03 14:25:43 +05:30
const input = {
addLabelIds: testLabelIds,
removeLabelIds: [],
projectPath: 'h/b',
};
2021-03-08 18:12:59 +05:30
it('should assign labels on success', (done) => {
2021-01-03 14:25:43 +05:30
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { updateIssue: { issue: { labels: { nodes: labels } } } } });
const payload = {
2021-01-29 00:20:46 +05:30
issueId: getters.activeIssue.id,
2021-01-03 14:25:43 +05:30
prop: 'labels',
value: labels,
};
testAction(
actions.setActiveIssueLabels,
input,
{ ...state, ...getters },
[
{
type: types.UPDATE_ISSUE_BY_ID,
payload,
},
],
[],
done,
);
});
it('throws error if fails', async () => {
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { updateIssue: { errors: ['failed mutation'] } } });
await expect(actions.setActiveIssueLabels({ getters }, input)).rejects.toThrow(Error);
});
});
2021-01-29 00:20:46 +05:30
describe('setActiveIssueDueDate', () => {
2021-04-17 20:07:23 +05:30
const state = { boardItems: { [mockIssue.id]: mockIssue } };
2021-01-29 00:20:46 +05:30
const getters = { activeIssue: mockIssue };
const testDueDate = '2020-02-20';
const input = {
dueDate: testDueDate,
projectPath: 'h/b',
};
2021-03-08 18:12:59 +05:30
it('should commit due date after setting the issue', (done) => {
2021-01-29 00:20:46 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
updateIssue: {
issue: {
dueDate: testDueDate,
},
errors: [],
},
},
});
const payload = {
issueId: getters.activeIssue.id,
prop: 'dueDate',
value: testDueDate,
};
testAction(
actions.setActiveIssueDueDate,
input,
{ ...state, ...getters },
[
{
type: types.UPDATE_ISSUE_BY_ID,
payload,
},
],
[],
done,
);
});
it('throws error if fails', async () => {
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { updateIssue: { errors: ['failed mutation'] } } });
await expect(actions.setActiveIssueDueDate({ getters }, input)).rejects.toThrow(Error);
});
});
describe('setActiveIssueSubscribed', () => {
2021-04-17 20:07:23 +05:30
const state = { boardItems: { [mockActiveIssue.id]: mockActiveIssue } };
2021-01-29 00:20:46 +05:30
const getters = { activeIssue: mockActiveIssue };
const subscribedState = true;
const input = {
subscribedState,
projectPath: 'gitlab-org/gitlab-test',
};
2021-03-08 18:12:59 +05:30
it('should commit subscribed status', (done) => {
2021-01-29 00:20:46 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
issueSetSubscription: {
issue: {
subscribed: subscribedState,
},
errors: [],
},
},
});
const payload = {
issueId: getters.activeIssue.id,
prop: 'subscribed',
value: subscribedState,
};
testAction(
actions.setActiveIssueSubscribed,
input,
{ ...state, ...getters },
[
{
type: types.UPDATE_ISSUE_BY_ID,
payload,
},
],
[],
done,
);
});
it('throws error if fails', async () => {
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { issueSetSubscription: { errors: ['failed mutation'] } } });
await expect(actions.setActiveIssueSubscribed({ getters }, input)).rejects.toThrow(Error);
});
});
2021-02-22 17:27:13 +05:30
describe('setActiveIssueMilestone', () => {
2021-04-17 20:07:23 +05:30
const state = { boardItems: { [mockIssue.id]: mockIssue } };
2021-02-22 17:27:13 +05:30
const getters = { activeIssue: mockIssue };
const testMilestone = {
...mockMilestone,
id: 'gid://gitlab/Milestone/1',
};
const input = {
milestoneId: testMilestone.id,
projectPath: 'h/b',
};
2021-03-08 18:12:59 +05:30
it('should commit milestone after setting the issue', (done) => {
2021-02-22 17:27:13 +05:30
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
updateIssue: {
issue: {
milestone: testMilestone,
},
errors: [],
},
},
});
const payload = {
issueId: getters.activeIssue.id,
prop: 'milestone',
value: testMilestone,
};
testAction(
actions.setActiveIssueMilestone,
input,
{ ...state, ...getters },
[
{
type: types.UPDATE_ISSUE_BY_ID,
payload,
},
],
[],
done,
);
});
it('throws error if fails', async () => {
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { updateIssue: { errors: ['failed mutation'] } } });
await expect(actions.setActiveIssueMilestone({ getters }, input)).rejects.toThrow(Error);
});
});
2021-03-08 18:12:59 +05:30
describe('setActiveIssueTitle', () => {
2021-04-17 20:07:23 +05:30
const state = { boardItems: { [mockIssue.id]: mockIssue } };
2021-03-08 18:12:59 +05:30
const getters = { activeIssue: mockIssue };
const testTitle = 'Test Title';
const input = {
title: testTitle,
projectPath: 'h/b',
};
it('should commit title after setting the issue', (done) => {
jest.spyOn(gqlClient, 'mutate').mockResolvedValue({
data: {
updateIssue: {
issue: {
title: testTitle,
},
errors: [],
},
},
});
const payload = {
issueId: getters.activeIssue.id,
prop: 'title',
value: testTitle,
};
testAction(
actions.setActiveIssueTitle,
input,
{ ...state, ...getters },
[
{
type: types.UPDATE_ISSUE_BY_ID,
payload,
},
],
[],
done,
);
});
it('throws error if fails', async () => {
jest
.spyOn(gqlClient, 'mutate')
.mockResolvedValue({ data: { updateIssue: { errors: ['failed mutation'] } } });
await expect(actions.setActiveIssueTitle({ getters }, input)).rejects.toThrow(Error);
});
});
describe('fetchGroupProjects', () => {
const state = {
fullPath: 'gitlab-org',
};
const pageInfo = {
endCursor: '',
hasNextPage: false,
};
const queryResponse = {
data: {
group: {
projects: {
nodes: mockGroupProjects,
pageInfo: {
endCursor: '',
hasNextPage: false,
},
},
},
},
};
it('should commit mutations REQUEST_GROUP_PROJECTS and RECEIVE_GROUP_PROJECTS_SUCCESS on success', (done) => {
jest.spyOn(gqlClient, 'query').mockResolvedValue(queryResponse);
testAction(
actions.fetchGroupProjects,
{},
state,
[
{
type: types.REQUEST_GROUP_PROJECTS,
payload: false,
},
{
type: types.RECEIVE_GROUP_PROJECTS_SUCCESS,
payload: { projects: mockGroupProjects, pageInfo, fetchNext: false },
},
],
[],
done,
);
});
it('should commit mutations REQUEST_GROUP_PROJECTS and RECEIVE_GROUP_PROJECTS_FAILURE on failure', (done) => {
jest.spyOn(gqlClient, 'query').mockRejectedValue();
testAction(
actions.fetchGroupProjects,
{},
state,
[
{
type: types.REQUEST_GROUP_PROJECTS,
payload: false,
},
{
type: types.RECEIVE_GROUP_PROJECTS_FAILURE,
},
],
[],
done,
);
});
});
describe('setSelectedProject', () => {
it('should commit mutation SET_SELECTED_PROJECT', (done) => {
const project = mockGroupProjects[0];
testAction(
actions.setSelectedProject,
project,
{},
[
{
type: types.SET_SELECTED_PROJECT,
payload: project,
},
],
[],
done,
);
});
});
2021-03-11 19:13:27 +05:30
describe('toggleBoardItemMultiSelection', () => {
const boardItem = mockIssue;
2021-04-17 20:07:23 +05:30
const boardItem2 = mockIssue2;
2021-03-11 19:13:27 +05:30
it('should commit mutation ADD_BOARD_ITEM_TO_SELECTION if item is not on selection state', () => {
testAction(
actions.toggleBoardItemMultiSelection,
boardItem,
{ selectedBoardItems: [] },
[
{
type: types.ADD_BOARD_ITEM_TO_SELECTION,
payload: boardItem,
},
],
[],
);
});
it('should commit mutation REMOVE_BOARD_ITEM_FROM_SELECTION if item is on selection state', () => {
testAction(
actions.toggleBoardItemMultiSelection,
boardItem,
{ selectedBoardItems: [mockIssue] },
[
{
type: types.REMOVE_BOARD_ITEM_FROM_SELECTION,
payload: boardItem,
},
],
[],
);
});
2021-04-17 20:07:23 +05:30
it('should additionally commit mutation ADD_BOARD_ITEM_TO_SELECTION for active issue and dispatch unsetActiveId', () => {
testAction(
actions.toggleBoardItemMultiSelection,
boardItem2,
{ activeId: mockActiveIssue.id, activeIssue: mockActiveIssue, selectedBoardItems: [] },
[
{
type: types.ADD_BOARD_ITEM_TO_SELECTION,
payload: mockActiveIssue,
},
{
type: types.ADD_BOARD_ITEM_TO_SELECTION,
payload: boardItem2,
},
],
[{ type: 'unsetActiveId' }],
);
});
});
describe('resetBoardItemMultiSelection', () => {
it('should commit mutation RESET_BOARD_ITEM_SELECTION', () => {
testAction({
action: actions.resetBoardItemMultiSelection,
state: { selectedBoardItems: [mockIssue] },
expectedMutations: [
{
type: types.RESET_BOARD_ITEM_SELECTION,
},
],
});
});
});
describe('toggleBoardItem', () => {
it('should dispatch resetBoardItemMultiSelection and unsetActiveId when boardItem is the active item', () => {
testAction({
action: actions.toggleBoardItem,
payload: { boardItem: mockIssue },
state: {
activeId: mockIssue.id,
},
expectedActions: [{ type: 'resetBoardItemMultiSelection' }, { type: 'unsetActiveId' }],
});
});
it('should dispatch resetBoardItemMultiSelection and setActiveId when boardItem is not the active item', () => {
testAction({
action: actions.toggleBoardItem,
payload: { boardItem: mockIssue },
state: {
activeId: inactiveId,
},
expectedActions: [
{ type: 'resetBoardItemMultiSelection' },
{ type: 'setActiveId', payload: { id: mockIssue.id, sidebarType: ISSUABLE } },
],
});
});
2021-03-11 19:13:27 +05:30
});
2019-09-04 21:01:54 +05:30
describe('fetchBacklog', () => {
expectNotImplemented(actions.fetchBacklog);
});
describe('bulkUpdateIssues', () => {
expectNotImplemented(actions.bulkUpdateIssues);
});
describe('fetchIssue', () => {
expectNotImplemented(actions.fetchIssue);
});
describe('toggleIssueSubscription', () => {
expectNotImplemented(actions.toggleIssueSubscription);
});
describe('showPage', () => {
expectNotImplemented(actions.showPage);
});
describe('toggleEmptyState', () => {
expectNotImplemented(actions.toggleEmptyState);
});