import AxiosMockAdapter from 'axios-mock-adapter'; import { TEST_HOST } from 'helpers/test_constants'; import axios from '~/lib/utils/axios_utils'; import boardsStore, { gqlClient } from '~/boards/stores/boards_store'; import eventHub from '~/boards/eventhub'; import { listObj, listObjDuplicate } from './mock_data'; import ListIssue from '~/boards/models/issue'; import List from '~/boards/models/list'; jest.mock('js-cookie'); const createTestIssue = () => ({ title: 'Testing', id: 1, iid: 1, confidential: false, labels: [], assignees: [], }); describe('boardsStore', () => { const dummyResponse = "without type checking this doesn't matter"; const boardId = 'dummy-board-id'; const endpoints = { boardsEndpoint: `${TEST_HOST}/boards`, listsEndpoint: `${TEST_HOST}/lists`, bulkUpdatePath: `${TEST_HOST}/bulk/update`, recentBoardsEndpoint: `${TEST_HOST}/recent/boards`, }; let axiosMock; beforeEach(() => { axiosMock = new AxiosMockAdapter(axios); boardsStore.setEndpoints({ ...endpoints, boardId, }); }); afterEach(() => { axiosMock.restore(); }); const setupDefaultResponses = () => { axiosMock .onGet(`${endpoints.listsEndpoint}/${listObj.id}/issues?id=${listObj.id}&page=1`) .reply(200, { issues: [createTestIssue()] }); axiosMock.onPost(endpoints.listsEndpoint).reply(200, listObj); axiosMock.onPut(); }; describe('all', () => { it('makes a request to fetch lists', () => { axiosMock.onGet(endpoints.listsEndpoint).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.all()).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onGet(endpoints.listsEndpoint).replyOnce(500); return expect(boardsStore.all()).rejects.toThrow(); }); }); describe('generateDefaultLists', () => { const listsEndpointGenerate = `${endpoints.listsEndpoint}/generate.json`; it('makes a request to generate default lists', () => { axiosMock.onPost(listsEndpointGenerate).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.generateDefaultLists()).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onPost(listsEndpointGenerate).replyOnce(500); return expect(boardsStore.generateDefaultLists()).rejects.toThrow(); }); }); describe('createList', () => { const entityType = 'moorhen'; const entityId = 'quack'; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ list: { [entityType]: entityId } }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPost(endpoints.listsEndpoint).replyOnce(config => requestSpy(config)); }); it('makes a request to create a list', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.createList(entityId, entityType)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.createList(entityId, entityType)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('updateList', () => { const id = 'David Webb'; const position = 'unknown'; const collapsed = false; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ list: { position, collapsed } }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPut(`${endpoints.listsEndpoint}/${id}`).replyOnce(config => requestSpy(config)); }); it('makes a request to update a list position', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.updateList(id, position, collapsed)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.updateList(id, position, collapsed)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('destroyList', () => { const id = '-42'; let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock .onDelete(`${endpoints.listsEndpoint}/${id}`) .replyOnce(config => requestSpy(config)); }); it('makes a request to delete a list', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.destroyList(id)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalled(); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.destroyList(id)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalled(); }); }); }); describe('saveList', () => { let list; beforeEach(() => { list = new List(listObj); setupDefaultResponses(); }); it('makes a request to save a list', () => { const expectedResponse = expect.objectContaining({ issues: [createTestIssue()] }); const expectedListValue = { id: listObj.id, position: listObj.position, type: listObj.list_type, label: listObj.label, }; expect(list.id).toBe(listObj.id); expect(list.position).toBe(listObj.position); expect(list).toMatchObject(expectedListValue); return expect(boardsStore.saveList(list)).resolves.toEqual(expectedResponse); }); }); describe('getListIssues', () => { let list; beforeEach(() => { list = new List(listObj); setupDefaultResponses(); }); it('makes a request to get issues', () => { const expectedResponse = expect.objectContaining({ issues: [createTestIssue()] }); expect(list.issues).toEqual([]); return expect(boardsStore.getListIssues(list, true)).resolves.toEqual(expectedResponse); }); }); describe('getIssuesForList', () => { const id = 'TOO-MUCH'; const url = `${endpoints.listsEndpoint}/${id}/issues?id=${id}`; it('makes a request to fetch list issues', () => { axiosMock.onGet(url).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.getIssuesForList(id)).resolves.toEqual(expectedResponse); }); it('makes a request to fetch list issues with filter', () => { const filter = { algal: 'scrubber' }; axiosMock.onGet(`${url}&algal=scrubber`).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.getIssuesForList(id, filter)).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onGet(url).replyOnce(500); return expect(boardsStore.getIssuesForList(id)).rejects.toThrow(); }); }); describe('moveIssue', () => { const urlRoot = 'potato'; const id = 'over 9000'; const fromListId = 'left'; const toListId = 'right'; const moveBeforeId = 'up'; const moveAfterId = 'down'; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ from_list_id: fromListId, to_list_id: toListId, move_before_id: moveBeforeId, move_after_id: moveAfterId, }), }); let requestSpy; beforeAll(() => { global.gon.relative_url_root = urlRoot; }); afterAll(() => { delete global.gon.relative_url_root; }); beforeEach(() => { requestSpy = jest.fn(); axiosMock .onPut(`${urlRoot}/-/boards/${boardId}/issues/${id}`) .replyOnce(config => requestSpy(config)); }); it('makes a request to move an issue between lists', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.moveIssue(id, fromListId, toListId, moveBeforeId, moveAfterId)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.moveIssue(id, fromListId, toListId, moveBeforeId, moveAfterId)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('newIssue', () => { const id = 1; const issue = { some: 'issue data' }; const url = `${endpoints.listsEndpoint}/${id}/issues`; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ issue, }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPost(url).replyOnce(config => requestSpy(config)); }); it('makes a request to create a new issue', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.newIssue(id, issue)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.newIssue(id, issue)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('getBacklog', () => { const urlRoot = 'deep'; const url = `${urlRoot}/-/boards/${boardId}/issues.json?not=relevant`; const requestParams = { not: 'relevant', }; beforeAll(() => { global.gon.relative_url_root = urlRoot; }); afterAll(() => { delete global.gon.relative_url_root; }); it('makes a request to fetch backlog', () => { axiosMock.onGet(url).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.getBacklog(requestParams)).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onGet(url).replyOnce(500); return expect(boardsStore.getBacklog(requestParams)).rejects.toThrow(); }); }); describe('bulkUpdate', () => { const issueIds = [1, 2, 3]; const extraData = { moar: 'data' }; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ update: { ...extraData, issuable_ids: '1,2,3', }, }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPost(endpoints.bulkUpdatePath).replyOnce(config => requestSpy(config)); }); it('makes a request to create a list', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.bulkUpdate(issueIds, extraData)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.bulkUpdate(issueIds, extraData)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('getIssueInfo', () => { const dummyEndpoint = `${TEST_HOST}/some/where`; it('makes a request to the given endpoint', () => { axiosMock.onGet(dummyEndpoint).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.getIssueInfo(dummyEndpoint)).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onGet(dummyEndpoint).replyOnce(500); return expect(boardsStore.getIssueInfo(dummyEndpoint)).rejects.toThrow(); }); }); describe('toggleIssueSubscription', () => { const dummyEndpoint = `${TEST_HOST}/some/where`; it('makes a request to the given endpoint', () => { axiosMock.onPost(dummyEndpoint).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.toggleIssueSubscription(dummyEndpoint)).resolves.toEqual( expectedResponse, ); }); it('fails for error response', () => { axiosMock.onPost(dummyEndpoint).replyOnce(500); return expect(boardsStore.toggleIssueSubscription(dummyEndpoint)).rejects.toThrow(); }); }); describe('recentBoards', () => { const url = `${endpoints.recentBoardsEndpoint}.json`; it('makes a request to fetch all boards', () => { axiosMock.onGet(url).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.recentBoards()).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onGet(url).replyOnce(500); return expect(boardsStore.recentBoards()).rejects.toThrow(); }); }); describe('createBoard', () => { const labelIds = ['first label', 'second label']; const assigneeId = 'as sign ee'; const milestoneId = 'vegetable soup'; const board = { labels: labelIds.map(id => ({ id })), assignee: { id: assigneeId }, milestone: { id: milestoneId }, }; describe('for existing board', () => { const id = 'skate-board'; const url = `${endpoints.boardsEndpoint}/${id}.json`; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ board: { ...board, id, label_ids: labelIds, assignee_id: assigneeId, milestone_id: milestoneId, }, }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPut(url).replyOnce(config => requestSpy(config)); jest.spyOn(gqlClient, 'mutate').mockReturnValue(Promise.resolve({})); }); it('makes a request to update the board', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = [ expect.objectContaining({ data: dummyResponse }), expect.objectContaining({}), ]; return expect( boardsStore.createBoard({ ...board, id, }), ) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect( boardsStore.createBoard({ ...board, id, }), ) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); describe('for new board', () => { const url = `${endpoints.boardsEndpoint}.json`; const expectedRequest = expect.objectContaining({ data: JSON.stringify({ board: { ...board, label_ids: labelIds, assignee_id: assigneeId, milestone_id: milestoneId, }, }), }); let requestSpy; beforeEach(() => { requestSpy = jest.fn(); axiosMock.onPost(url).replyOnce(config => requestSpy(config)); jest.spyOn(gqlClient, 'mutate').mockReturnValue(Promise.resolve({})); }); it('makes a request to create a new board', () => { requestSpy.mockReturnValue([200, dummyResponse]); const expectedResponse = dummyResponse; return expect(boardsStore.createBoard(board)) .resolves.toEqual(expectedResponse) .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); it('fails for error response', () => { requestSpy.mockReturnValue([500]); return expect(boardsStore.createBoard(board)) .rejects.toThrow() .then(() => { expect(requestSpy).toHaveBeenCalledWith(expectedRequest); }); }); }); }); describe('deleteBoard', () => { const id = 'capsized'; const url = `${endpoints.boardsEndpoint}/${id}.json`; it('makes a request to delete a boards', () => { axiosMock.onDelete(url).replyOnce(200, dummyResponse); const expectedResponse = expect.objectContaining({ data: dummyResponse }); return expect(boardsStore.deleteBoard({ id })).resolves.toEqual(expectedResponse); }); it('fails for error response', () => { axiosMock.onDelete(url).replyOnce(500); return expect(boardsStore.deleteBoard({ id })).rejects.toThrow(); }); }); describe('when created', () => { beforeEach(() => { setupDefaultResponses(); jest.spyOn(boardsStore, 'moveIssue').mockReturnValue(Promise.resolve()); jest.spyOn(boardsStore, 'moveMultipleIssues').mockReturnValue(Promise.resolve()); boardsStore.create(); }); it('starts with a blank state', () => { expect(boardsStore.state.lists.length).toBe(0); }); describe('addList', () => { it('sorts by position', () => { boardsStore.addList({ position: 2 }); boardsStore.addList({ position: 1 }); expect(boardsStore.state.lists.map(({ position }) => position)).toEqual([1, 2]); }); }); describe('toggleFilter', () => { const dummyFilter = 'x=42'; let updateTokensSpy; beforeEach(() => { updateTokensSpy = jest.fn(); eventHub.$once('updateTokens', updateTokensSpy); // prevent using window.history jest.spyOn(boardsStore, 'updateFiltersUrl').mockReturnValue(); }); it('adds the filter if it is not present', () => { boardsStore.filter.path = 'something'; boardsStore.toggleFilter(dummyFilter); expect(boardsStore.filter.path).toEqual(`something&${dummyFilter}`); expect(updateTokensSpy).toHaveBeenCalled(); expect(boardsStore.updateFiltersUrl).toHaveBeenCalled(); }); it('removes the filter if it is present', () => { boardsStore.filter.path = `something&${dummyFilter}`; boardsStore.toggleFilter(dummyFilter); expect(boardsStore.filter.path).toEqual('something'); expect(updateTokensSpy).toHaveBeenCalled(); expect(boardsStore.updateFiltersUrl).toHaveBeenCalled(); }); }); describe('lists', () => { it('creates new list without persisting to DB', () => { expect(boardsStore.state.lists.length).toBe(0); boardsStore.addList(listObj); expect(boardsStore.state.lists.length).toBe(1); }); it('finds list by ID', () => { boardsStore.addList(listObj); const list = boardsStore.findList('id', listObj.id); expect(list.id).toBe(listObj.id); }); it('finds list by type', () => { boardsStore.addList(listObj); const list = boardsStore.findList('type', 'label'); expect(list).toBeDefined(); }); it('finds list by label ID', () => { boardsStore.addList(listObj); const list = boardsStore.findListByLabelId(listObj.label.id); expect(list.id).toBe(listObj.id); }); it('gets issue when new list added', () => { boardsStore.addList(listObj); const list = boardsStore.findList('id', listObj.id); expect(boardsStore.state.lists.length).toBe(1); return axios.waitForAll().then(() => { expect(list.issues.length).toBe(1); expect(list.issues[0].id).toBe(1); }); }); it('persists new list', () => { boardsStore.new({ title: 'Test', list_type: 'label', label: { id: 1, title: 'Testing', color: 'red', description: 'testing;', }, }); expect(boardsStore.state.lists.length).toBe(1); return axios.waitForAll().then(() => { const list = boardsStore.findList('id', listObj.id); expect(list).toEqual( expect.objectContaining({ id: listObj.id, position: 0, }), ); }); }); it('check for blank state adding', () => { expect(boardsStore.shouldAddBlankState()).toBe(true); }); it('check for blank state not adding', () => { boardsStore.addList(listObj); expect(boardsStore.shouldAddBlankState()).toBe(false); }); it('check for blank state adding when closed list exist', () => { boardsStore.addList({ list_type: 'closed', }); expect(boardsStore.shouldAddBlankState()).toBe(true); }); it('removes list from state', () => { boardsStore.addList(listObj); expect(boardsStore.state.lists.length).toBe(1); boardsStore.removeList(listObj.id, 'label'); expect(boardsStore.state.lists.length).toBe(0); }); it('moves the position of lists', () => { const listOne = boardsStore.addList(listObj); boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); boardsStore.moveList(listOne, [listObjDuplicate.id, listObj.id]); expect(listOne.position).toBe(1); }); it('moves an issue from one list to another', () => { const listOne = boardsStore.addList(listObj); const listTwo = boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); return axios.waitForAll().then(() => { expect(listOne.issues.length).toBe(1); expect(listTwo.issues.length).toBe(1); boardsStore.moveIssueToList(listOne, listTwo, listOne.findIssue(1)); expect(listOne.issues.length).toBe(0); expect(listTwo.issues.length).toBe(1); }); }); it('moves an issue from backlog to a list', () => { const backlog = boardsStore.addList({ ...listObj, list_type: 'backlog', }); const listTwo = boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); return axios.waitForAll().then(() => { expect(backlog.issues.length).toBe(1); expect(listTwo.issues.length).toBe(1); boardsStore.moveIssueToList(backlog, listTwo, backlog.findIssue(1)); expect(backlog.issues.length).toBe(0); expect(listTwo.issues.length).toBe(1); }); }); it('moves issue to top of another list', () => { const listOne = boardsStore.addList(listObj); const listTwo = boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); return axios.waitForAll().then(() => { listOne.issues[0].id = 2; expect(listOne.issues.length).toBe(1); expect(listTwo.issues.length).toBe(1); boardsStore.moveIssueToList(listOne, listTwo, listOne.findIssue(2), 0); expect(listOne.issues.length).toBe(0); expect(listTwo.issues.length).toBe(2); expect(listTwo.issues[0].id).toBe(2); expect(boardsStore.moveIssue).toHaveBeenCalledWith(2, listOne.id, listTwo.id, null, 1); }); }); it('moves issue to bottom of another list', () => { const listOne = boardsStore.addList(listObj); const listTwo = boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); return axios.waitForAll().then(() => { listOne.issues[0].id = 2; expect(listOne.issues.length).toBe(1); expect(listTwo.issues.length).toBe(1); boardsStore.moveIssueToList(listOne, listTwo, listOne.findIssue(2), 1); expect(listOne.issues.length).toBe(0); expect(listTwo.issues.length).toBe(2); expect(listTwo.issues[1].id).toBe(2); expect(boardsStore.moveIssue).toHaveBeenCalledWith(2, listOne.id, listTwo.id, 1, null); }); }); it('moves issue in list', () => { const issue = new ListIssue({ title: 'Testing', id: 2, iid: 2, confidential: false, labels: [], assignees: [], }); const list = boardsStore.addList(listObj); return axios.waitForAll().then(() => { list.addIssue(issue); expect(list.issues.length).toBe(2); boardsStore.moveIssueInList(list, issue, 0, 1, [1, 2]); expect(list.issues[0].id).toBe(2); expect(boardsStore.moveIssue).toHaveBeenCalledWith(2, null, null, 1, null); }); }); }); describe('setListDetail', () => { it('sets the list detail', () => { boardsStore.detail.list = 'not a list'; const dummyValue = 'new list'; boardsStore.setListDetail(dummyValue); expect(boardsStore.detail.list).toEqual(dummyValue); }); }); describe('clearDetailIssue', () => { it('resets issue details', () => { boardsStore.detail.issue = 'something'; boardsStore.clearDetailIssue(); expect(boardsStore.detail.issue).toEqual({}); }); }); describe('setIssueDetail', () => { it('sets issue details', () => { boardsStore.detail.issue = 'some details'; const dummyValue = 'new details'; boardsStore.setIssueDetail(dummyValue); expect(boardsStore.detail.issue).toEqual(dummyValue); }); }); describe('startMoving', () => { it('stores list and issue', () => { const dummyIssue = 'some issue'; const dummyList = 'some list'; boardsStore.startMoving(dummyList, dummyIssue); expect(boardsStore.moving.issue).toEqual(dummyIssue); expect(boardsStore.moving.list).toEqual(dummyList); }); }); describe('setTimeTrackingLimitToHours', () => { it('sets the timeTracking.LimitToHours option', () => { boardsStore.timeTracking.limitToHours = false; boardsStore.setTimeTrackingLimitToHours('true'); expect(boardsStore.timeTracking.limitToHours).toEqual(true); }); }); describe('setCurrentBoard', () => { const dummyBoard = 'hoverboard'; it('sets the current board', () => { const { state } = boardsStore; state.currentBoard = null; boardsStore.setCurrentBoard(dummyBoard); expect(state.currentBoard).toEqual(dummyBoard); }); }); describe('toggleMultiSelect', () => { let basicIssueObj; beforeAll(() => { basicIssueObj = { id: 987654 }; }); afterEach(() => { boardsStore.clearMultiSelect(); }); it('adds issue when not present', () => { boardsStore.toggleMultiSelect(basicIssueObj); const selectedIds = boardsStore.multiSelect.list.map(({ id }) => id); expect(selectedIds.includes(basicIssueObj.id)).toEqual(true); }); it('removes issue when issue is present', () => { boardsStore.toggleMultiSelect(basicIssueObj); let selectedIds = boardsStore.multiSelect.list.map(({ id }) => id); expect(selectedIds.includes(basicIssueObj.id)).toEqual(true); boardsStore.toggleMultiSelect(basicIssueObj); selectedIds = boardsStore.multiSelect.list.map(({ id }) => id); expect(selectedIds.includes(basicIssueObj.id)).toEqual(false); }); }); describe('clearMultiSelect', () => { it('clears all the multi selected issues', () => { const issue1 = { id: 12345 }; const issue2 = { id: 12346 }; boardsStore.toggleMultiSelect(issue1); boardsStore.toggleMultiSelect(issue2); expect(boardsStore.multiSelect.list.length).toEqual(2); boardsStore.clearMultiSelect(); expect(boardsStore.multiSelect.list.length).toEqual(0); }); }); describe('moveMultipleIssuesToList', () => { it('move issues on the new index', () => { const listOne = boardsStore.addList(listObj); const listTwo = boardsStore.addList(listObjDuplicate); expect(boardsStore.state.lists.length).toBe(2); return axios.waitForAll().then(() => { expect(listOne.issues.length).toBe(1); expect(listTwo.issues.length).toBe(1); boardsStore.moveMultipleIssuesToList({ listFrom: listOne, listTo: listTwo, issues: listOne.issues, newIndex: 0, }); expect(listTwo.issues.length).toBe(1); }); }); }); describe('moveMultipleIssuesInList', () => { it('moves multiple issues in list', () => { const issueObj = { title: 'Issue #1', id: 12345, iid: 2, confidential: false, labels: [], assignees: [], }; const issue1 = new ListIssue(issueObj); const issue2 = new ListIssue({ ...issueObj, title: 'Issue #2', id: 12346, }); const list = boardsStore.addList(listObj); return axios.waitForAll().then(() => { list.addIssue(issue1); list.addIssue(issue2); expect(list.issues.length).toBe(3); expect(list.issues[0].id).not.toBe(issue2.id); boardsStore.moveMultipleIssuesInList({ list, issues: [issue1, issue2], oldIndicies: [0], newIndex: 1, idArray: [1, 12345, 12346], }); expect(list.issues[0].id).toBe(issue1.id); expect(boardsStore.moveMultipleIssues).toHaveBeenCalledWith({ ids: [issue1.id, issue2.id], fromListId: null, toListId: null, moveBeforeId: 1, moveAfterId: null, }); }); }); }); describe('addListIssue', () => { let list; const issue1 = new ListIssue({ title: 'Testing', id: 2, iid: 2, confidential: false, labels: [ { color: '#ff0000', description: 'testing;', id: 5000, priority: undefined, textColor: 'white', title: 'Test', }, ], assignees: [], }); const issue2 = new ListIssue({ title: 'Testing', id: 1, iid: 1, confidential: false, labels: [ { id: 1, title: 'test', color: 'red', description: 'testing', }, ], assignees: [ { id: 1, name: 'name', username: 'username', avatar_url: 'http://avatar_url', }, ], real_path: 'path/to/issue', }); beforeEach(() => { list = new List(listObj); list.addIssue(issue1); setupDefaultResponses(); }); it('adds issues that are not already on the list', () => { expect(list.findIssue(issue2.id)).toBe(undefined); expect(list.issues).toEqual([issue1]); boardsStore.addListIssue(list, issue2); expect(list.findIssue(issue2.id)).toBe(issue2); expect(list.issues.length).toBe(2); expect(list.issues).toEqual([issue1, issue2]); }); }); describe('updateIssue', () => { let issue; let patchSpy; beforeEach(() => { issue = new ListIssue({ title: 'Testing', id: 1, iid: 1, confidential: false, labels: [ { id: 1, title: 'test', color: 'red', description: 'testing', }, ], assignees: [ { id: 1, name: 'name', username: 'username', avatar_url: 'http://avatar_url', }, ], real_path: 'path/to/issue', }); patchSpy = jest.fn().mockReturnValue([200, { labels: [] }]); axiosMock.onPatch(`path/to/issue.json`).reply(({ data }) => patchSpy(JSON.parse(data))); }); it('passes assignee ids when there are assignees', () => { boardsStore.updateIssue(issue); return boardsStore.updateIssue(issue).then(() => { expect(patchSpy).toHaveBeenCalledWith({ issue: { milestone_id: null, assignee_ids: [1], label_ids: [1], }, }); }); }); it('passes assignee ids of [0] when there are no assignees', () => { issue.removeAllAssignees(); return boardsStore.updateIssue(issue).then(() => { expect(patchSpy).toHaveBeenCalledWith({ issue: { milestone_id: null, assignee_ids: [0], label_ids: [1], }, }); }); }); }); }); });