debian-mirror-gitlab/spec/javascripts/notes/stores/actions_spec.js

912 lines
23 KiB
JavaScript
Raw Normal View History

2019-02-15 15:39:39 +05:30
import $ from 'jquery';
2019-07-07 11:18:12 +05:30
import { TEST_HOST } from 'spec/test_constants';
2020-01-01 13:55:28 +05:30
import AxiosMockAdapter from 'axios-mock-adapter';
import Api from '~/api';
2019-07-31 22:56:46 +05:30
import actionsModule, * as actions from '~/notes/stores/actions';
2019-07-07 11:18:12 +05:30
import * as mutationTypes from '~/notes/stores/mutation_types';
import * as notesConstants from '~/notes/constants';
2018-11-08 19:23:39 +05:30
import createStore from '~/notes/stores';
2018-12-05 23:21:45 +05:30
import mrWidgetEventHub from '~/vue_merge_request_widget/event_hub';
2018-03-17 18:26:18 +05:30
import testAction from '../../helpers/vuex_action_helper';
2018-03-27 19:54:05 +05:30
import { resetStore } from '../helpers';
2018-05-09 12:01:36 +05:30
import {
discussionMock,
notesDataMock,
userDataMock,
noteableDataMock,
individualNote,
} from '../mock_data';
2019-09-30 21:07:59 +05:30
import axios from '~/lib/utils/axios_utils';
2018-03-17 18:26:18 +05:30
2019-07-31 22:56:46 +05:30
const TEST_ERROR_MESSAGE = 'Test error message';
2018-03-17 18:26:18 +05:30
describe('Actions Notes Store', () => {
2019-07-31 22:56:46 +05:30
let commit;
let dispatch;
let state;
2018-11-08 19:23:39 +05:30
let store;
2019-07-31 22:56:46 +05:30
let flashSpy;
2019-12-04 20:38:33 +05:30
let axiosMock;
2018-11-08 19:23:39 +05:30
beforeEach(() => {
store = createStore();
2019-07-31 22:56:46 +05:30
commit = jasmine.createSpy('commit');
dispatch = jasmine.createSpy('dispatch');
state = {};
flashSpy = spyOnDependency(actionsModule, 'Flash');
2019-12-04 20:38:33 +05:30
axiosMock = new AxiosMockAdapter(axios);
2018-11-08 19:23:39 +05:30
});
2018-03-27 19:54:05 +05:30
afterEach(() => {
resetStore(store);
2019-12-04 20:38:33 +05:30
axiosMock.restore();
2018-03-27 19:54:05 +05:30
});
2018-03-17 18:26:18 +05:30
describe('setNotesData', () => {
2018-05-09 12:01:36 +05:30
it('should set received notes data', done => {
testAction(
actions.setNotesData,
notesDataMock,
{ notesData: {} },
[{ type: 'SET_NOTES_DATA', payload: notesDataMock }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('setNoteableData', () => {
2018-05-09 12:01:36 +05:30
it('should set received issue data', done => {
testAction(
actions.setNoteableData,
noteableDataMock,
{ noteableData: {} },
[{ type: 'SET_NOTEABLE_DATA', payload: noteableDataMock }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('setUserData', () => {
2018-05-09 12:01:36 +05:30
it('should set received user data', done => {
testAction(
actions.setUserData,
userDataMock,
{ userData: {} },
[{ type: 'SET_USER_DATA', payload: userDataMock }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('setLastFetchedAt', () => {
2018-05-09 12:01:36 +05:30
it('should set received timestamp', done => {
testAction(
actions.setLastFetchedAt,
'timestamp',
{ lastFetchedAt: {} },
[{ type: 'SET_LAST_FETCHED_AT', payload: 'timestamp' }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('setInitialNotes', () => {
2018-05-09 12:01:36 +05:30
it('should set initial notes', done => {
testAction(
actions.setInitialNotes,
[individualNote],
{ notes: [] },
2018-11-08 19:23:39 +05:30
[{ type: 'SET_INITIAL_DISCUSSIONS', payload: [individualNote] }],
2018-05-09 12:01:36 +05:30
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('setTargetNoteHash', () => {
2018-05-09 12:01:36 +05:30
it('should set target note hash', done => {
testAction(
actions.setTargetNoteHash,
'hash',
{ notes: [] },
[{ type: 'SET_TARGET_NOTE_HASH', payload: 'hash' }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
describe('toggleDiscussion', () => {
2018-05-09 12:01:36 +05:30
it('should toggle discussion', done => {
testAction(
actions.toggleDiscussion,
{ discussionId: discussionMock.id },
{ notes: [discussionMock] },
[{ type: 'TOGGLE_DISCUSSION', payload: { discussionId: discussionMock.id } }],
[],
done,
);
2018-03-17 18:26:18 +05:30
});
});
2018-03-27 19:54:05 +05:30
2018-11-08 19:23:39 +05:30
describe('expandDiscussion', () => {
it('should expand discussion', done => {
testAction(
actions.expandDiscussion,
{ discussionId: discussionMock.id },
{ notes: [discussionMock] },
[{ type: 'EXPAND_DISCUSSION', payload: { discussionId: discussionMock.id } }],
2019-02-15 15:39:39 +05:30
[{ type: 'diffs/renderFileForDiscussionId', payload: discussionMock.id }],
2018-11-08 19:23:39 +05:30
done,
);
});
});
describe('collapseDiscussion', () => {
it('should commit collapse discussion', done => {
testAction(
actions.collapseDiscussion,
{ discussionId: discussionMock.id },
{ notes: [discussionMock] },
[{ type: 'COLLAPSE_DISCUSSION', payload: { discussionId: discussionMock.id } }],
[],
done,
);
});
});
2018-03-27 19:54:05 +05:30
describe('async methods', () => {
beforeEach(() => {
2019-12-04 20:38:33 +05:30
axiosMock.onAny().reply(200, {});
2018-03-27 19:54:05 +05:30
});
describe('closeIssue', () => {
2018-05-09 12:01:36 +05:30
it('sets state as closed', done => {
store
.dispatch('closeIssue', { notesData: { closeIssuePath: '' } })
2018-03-27 19:54:05 +05:30
.then(() => {
expect(store.state.noteableData.state).toEqual('closed');
expect(store.state.isToggleStateButtonLoading).toEqual(false);
done();
})
.catch(done.fail);
});
});
describe('reopenIssue', () => {
2018-05-09 12:01:36 +05:30
it('sets state as reopened', done => {
store
.dispatch('reopenIssue', { notesData: { reopenIssuePath: '' } })
2018-03-27 19:54:05 +05:30
.then(() => {
expect(store.state.noteableData.state).toEqual('reopened');
expect(store.state.isToggleStateButtonLoading).toEqual(false);
done();
})
.catch(done.fail);
});
});
});
describe('emitStateChangedEvent', () => {
it('emits an event on the document', () => {
2018-05-09 12:01:36 +05:30
document.addEventListener('issuable_vue_app:change', event => {
2018-03-27 19:54:05 +05:30
expect(event.detail.data).toEqual({ id: '1', state: 'closed' });
expect(event.detail.isClosed).toEqual(false);
});
store.dispatch('emitStateChangedEvent', { id: '1', state: 'closed' });
});
});
describe('toggleStateButtonLoading', () => {
2018-05-09 12:01:36 +05:30
it('should set loading as true', done => {
testAction(
actions.toggleStateButtonLoading,
true,
{},
[{ type: 'TOGGLE_STATE_BUTTON_LOADING', payload: true }],
[],
done,
);
2018-03-27 19:54:05 +05:30
});
2018-05-09 12:01:36 +05:30
it('should set loading as false', done => {
testAction(
actions.toggleStateButtonLoading,
false,
{},
[{ type: 'TOGGLE_STATE_BUTTON_LOADING', payload: false }],
[],
done,
);
2018-03-27 19:54:05 +05:30
});
});
describe('toggleIssueLocalState', () => {
2018-05-09 12:01:36 +05:30
it('sets issue state as closed', done => {
testAction(actions.toggleIssueLocalState, 'closed', {}, [{ type: 'CLOSE_ISSUE' }], [], done);
2018-03-27 19:54:05 +05:30
});
2018-05-09 12:01:36 +05:30
it('sets issue state as reopened', done => {
2018-11-08 19:23:39 +05:30
testAction(
actions.toggleIssueLocalState,
'reopened',
{},
[{ type: 'REOPEN_ISSUE' }],
[],
done,
);
2018-03-27 19:54:05 +05:30
});
});
describe('poll', () => {
2018-05-09 12:01:36 +05:30
beforeEach(done => {
2018-03-27 19:54:05 +05:30
jasmine.clock().install();
2019-12-04 20:38:33 +05:30
spyOn(axios, 'get').and.callThrough();
2018-03-27 19:54:05 +05:30
2018-05-09 12:01:36 +05:30
store
.dispatch('setNotesData', notesDataMock)
2018-03-27 19:54:05 +05:30
.then(done)
.catch(done.fail);
});
afterEach(() => {
jasmine.clock().uninstall();
});
2018-05-09 12:01:36 +05:30
it('calls service with last fetched state', done => {
2019-12-04 20:38:33 +05:30
axiosMock
.onAny()
.reply(200, { notes: [], last_fetched_at: '123456' }, { 'poll-interval': '1000' });
2018-03-27 19:54:05 +05:30
2018-05-09 12:01:36 +05:30
store
.dispatch('poll')
2018-03-27 19:54:05 +05:30
.then(() => new Promise(resolve => requestAnimationFrame(resolve)))
.then(() => {
2019-12-04 20:38:33 +05:30
expect(axios.get).toHaveBeenCalled();
2018-03-27 19:54:05 +05:30
expect(store.state.lastFetchedAt).toBe('123456');
jasmine.clock().tick(1500);
})
2018-05-09 12:01:36 +05:30
.then(
() =>
new Promise(resolve => {
requestAnimationFrame(resolve);
}),
)
2018-03-27 19:54:05 +05:30
.then(() => {
2019-12-04 20:38:33 +05:30
expect(axios.get.calls.count()).toBe(2);
expect(axios.get.calls.mostRecent().args[1].headers).toEqual({
2018-03-27 19:54:05 +05:30
'X-Last-Fetched-At': '123456',
});
})
.then(() => store.dispatch('stopPolling'))
.then(done)
.catch(done.fail);
});
});
2018-11-08 19:23:39 +05:30
describe('setNotesFetchedState', () => {
it('should set notes fetched state', done => {
testAction(
actions.setNotesFetchedState,
true,
{},
[{ type: 'SET_NOTES_FETCHED_STATE', payload: true }],
[],
done,
);
});
});
2018-12-05 23:21:45 +05:30
2019-12-04 20:38:33 +05:30
describe('removeNote', () => {
2019-09-30 21:07:59 +05:30
const endpoint = `${TEST_HOST}/note`;
2018-12-05 23:21:45 +05:30
beforeEach(() => {
2019-09-30 21:07:59 +05:30
axiosMock.onDelete(endpoint).replyOnce(200, {});
2019-02-15 15:39:39 +05:30
$('body').attr('data-page', '');
2018-12-05 23:21:45 +05:30
});
afterEach(() => {
2019-09-30 21:07:59 +05:30
axiosMock.restore();
2019-02-15 15:39:39 +05:30
$('body').attr('data-page', '');
2018-12-05 23:21:45 +05:30
});
it('commits DELETE_NOTE and dispatches updateMergeRequestWidget', done => {
2019-09-30 21:07:59 +05:30
const note = { path: endpoint, id: 1 };
2018-12-05 23:21:45 +05:30
testAction(
2019-12-04 20:38:33 +05:30
actions.removeNote,
2018-12-05 23:21:45 +05:30
note,
store.state,
[
{
type: 'DELETE_NOTE',
payload: note,
},
],
[
{
type: 'updateMergeRequestWidget',
},
2019-02-15 15:39:39 +05:30
{
2019-09-30 21:07:59 +05:30
type: 'updateResolvableDiscussionsCounts',
2019-02-15 15:39:39 +05:30
},
],
done,
);
});
it('dispatches removeDiscussionsFromDiff on merge request page', done => {
2019-09-30 21:07:59 +05:30
const note = { path: endpoint, id: 1 };
2019-02-15 15:39:39 +05:30
$('body').attr('data-page', 'projects:merge_requests:show');
testAction(
2019-12-04 20:38:33 +05:30
actions.removeNote,
2019-02-15 15:39:39 +05:30
note,
store.state,
[
{
type: 'DELETE_NOTE',
payload: note,
},
],
[
{
type: 'updateMergeRequestWidget',
},
{
2019-09-30 21:07:59 +05:30
type: 'updateResolvableDiscussionsCounts',
2019-02-15 15:39:39 +05:30
},
{
type: 'diffs/removeDiscussionsFromDiff',
},
2018-12-05 23:21:45 +05:30
],
done,
);
});
});
2019-12-04 20:38:33 +05:30
describe('deleteNote', () => {
const endpoint = `${TEST_HOST}/note`;
beforeEach(() => {
axiosMock.onDelete(endpoint).replyOnce(200, {});
$('body').attr('data-page', '');
});
afterEach(() => {
axiosMock.restore();
$('body').attr('data-page', '');
});
it('dispatches removeNote', done => {
const note = { path: endpoint, id: 1 };
testAction(
actions.deleteNote,
note,
{},
[],
[
{
type: 'removeNote',
payload: {
id: 1,
path: 'http://test.host/note',
},
},
],
done,
);
});
});
2018-12-05 23:21:45 +05:30
describe('createNewNote', () => {
describe('success', () => {
const res = {
id: 1,
valid: true,
};
beforeEach(() => {
2019-12-04 20:38:33 +05:30
axiosMock.onAny().reply(200, res);
2018-12-05 23:21:45 +05:30
});
it('commits ADD_NEW_NOTE and dispatches updateMergeRequestWidget', done => {
testAction(
actions.createNewNote,
{ endpoint: `${gl.TEST_HOST}`, data: {} },
store.state,
[
{
type: 'ADD_NEW_NOTE',
payload: res,
},
],
[
{
type: 'updateMergeRequestWidget',
},
2019-02-15 15:39:39 +05:30
{
type: 'startTaskList',
},
{
2019-09-30 21:07:59 +05:30
type: 'updateResolvableDiscussionsCounts',
2019-02-15 15:39:39 +05:30
},
2018-12-05 23:21:45 +05:30
],
done,
);
});
});
describe('error', () => {
const res = {
errors: ['error'],
};
beforeEach(() => {
2019-12-04 20:38:33 +05:30
axiosMock.onAny().replyOnce(200, res);
2018-12-05 23:21:45 +05:30
});
it('does not commit ADD_NEW_NOTE or dispatch updateMergeRequestWidget', done => {
testAction(
actions.createNewNote,
{ endpoint: `${gl.TEST_HOST}`, data: {} },
store.state,
[],
[],
done,
);
});
});
});
describe('toggleResolveNote', () => {
const res = {
resolved: true,
};
beforeEach(() => {
2019-12-04 20:38:33 +05:30
axiosMock.onAny().reply(200, res);
2018-12-05 23:21:45 +05:30
});
describe('as note', () => {
it('commits UPDATE_NOTE and dispatches updateMergeRequestWidget', done => {
testAction(
actions.toggleResolveNote,
{ endpoint: `${gl.TEST_HOST}`, isResolved: true, discussion: false },
store.state,
[
{
type: 'UPDATE_NOTE',
payload: res,
},
],
[
2019-02-15 15:39:39 +05:30
{
2019-09-30 21:07:59 +05:30
type: 'updateResolvableDiscussionsCounts',
2019-02-15 15:39:39 +05:30
},
2018-12-05 23:21:45 +05:30
{
type: 'updateMergeRequestWidget',
},
],
done,
);
});
});
describe('as discussion', () => {
it('commits UPDATE_DISCUSSION and dispatches updateMergeRequestWidget', done => {
testAction(
actions.toggleResolveNote,
{ endpoint: `${gl.TEST_HOST}`, isResolved: true, discussion: true },
store.state,
[
{
type: 'UPDATE_DISCUSSION',
payload: res,
},
],
[
2019-02-15 15:39:39 +05:30
{
2019-09-30 21:07:59 +05:30
type: 'updateResolvableDiscussionsCounts',
2019-02-15 15:39:39 +05:30
},
2018-12-05 23:21:45 +05:30
{
type: 'updateMergeRequestWidget',
},
],
done,
);
});
});
});
describe('updateMergeRequestWidget', () => {
it('calls mrWidget checkStatus', () => {
spyOn(mrWidgetEventHub, '$emit');
actions.updateMergeRequestWidget();
expect(mrWidgetEventHub.$emit).toHaveBeenCalledWith('mr.discussion.updated');
});
});
2018-12-13 13:39:08 +05:30
describe('setCommentsDisabled', () => {
it('should set comments disabled state', done => {
testAction(
actions.setCommentsDisabled,
true,
null,
[{ type: 'DISABLE_COMMENTS', payload: true }],
[],
done,
);
});
});
2019-02-15 15:39:39 +05:30
2019-09-30 21:07:59 +05:30
describe('updateResolvableDiscussionsCounts', () => {
2019-02-15 15:39:39 +05:30
it('commits UPDATE_RESOLVABLE_DISCUSSIONS_COUNTS', done => {
testAction(
2019-09-30 21:07:59 +05:30
actions.updateResolvableDiscussionsCounts,
2019-02-15 15:39:39 +05:30
null,
{},
[{ type: 'UPDATE_RESOLVABLE_DISCUSSIONS_COUNTS' }],
[],
done,
);
});
});
2019-03-02 22:35:43 +05:30
describe('convertToDiscussion', () => {
it('commits CONVERT_TO_DISCUSSION with noteId', done => {
const noteId = 'dummy-note-id';
testAction(
actions.convertToDiscussion,
noteId,
{},
[{ type: 'CONVERT_TO_DISCUSSION', payload: noteId }],
[],
done,
);
});
});
2019-07-07 11:18:12 +05:30
describe('updateOrCreateNotes', () => {
it('Updates existing note', () => {
const note = { id: 1234 };
const getters = { notesById: { 1234: note } };
actions.updateOrCreateNotes({ commit, state, getters, dispatch }, [note]);
expect(commit.calls.allArgs()).toEqual([[mutationTypes.UPDATE_NOTE, note]]);
});
it('Creates a new note if none exisits', () => {
const note = { id: 1234 };
const getters = { notesById: {} };
actions.updateOrCreateNotes({ commit, state, getters, dispatch }, [note]);
expect(commit.calls.allArgs()).toEqual([[mutationTypes.ADD_NEW_NOTE, note]]);
});
describe('Discussion notes', () => {
let note;
let getters;
beforeEach(() => {
note = { id: 1234 };
getters = { notesById: {} };
});
it('Adds a reply to an existing discussion', () => {
state = { discussions: [note] };
const discussionNote = {
...note,
type: notesConstants.DISCUSSION_NOTE,
discussion_id: 1234,
};
actions.updateOrCreateNotes({ commit, state, getters, dispatch }, [discussionNote]);
expect(commit.calls.allArgs()).toEqual([
[mutationTypes.ADD_NEW_REPLY_TO_DISCUSSION, discussionNote],
]);
});
it('fetches discussions for diff notes', () => {
state = { discussions: [], notesData: { discussionsPath: 'Hello world' } };
const diffNote = { ...note, type: notesConstants.DIFF_NOTE, discussion_id: 1234 };
actions.updateOrCreateNotes({ commit, state, getters, dispatch }, [diffNote]);
expect(dispatch.calls.allArgs()).toEqual([
['fetchDiscussions', { path: state.notesData.discussionsPath }],
]);
});
it('Adds a new note', () => {
state = { discussions: [] };
const discussionNote = {
...note,
type: notesConstants.DISCUSSION_NOTE,
discussion_id: 1234,
};
actions.updateOrCreateNotes({ commit, state, getters, dispatch }, [discussionNote]);
expect(commit.calls.allArgs()).toEqual([[mutationTypes.ADD_NEW_NOTE, discussionNote]]);
});
});
});
describe('replyToDiscussion', () => {
const payload = { endpoint: TEST_HOST, data: {} };
it('updates discussion if response contains disussion', done => {
2019-12-04 20:38:33 +05:30
const discussion = { notes: [] };
axiosMock.onAny().reply(200, { discussion });
2019-07-07 11:18:12 +05:30
testAction(
actions.replyToDiscussion,
payload,
{
notesById: {},
},
2019-12-04 20:38:33 +05:30
[{ type: mutationTypes.UPDATE_DISCUSSION, payload: discussion }],
2019-07-07 11:18:12 +05:30
[
{ type: 'updateMergeRequestWidget' },
{ type: 'startTaskList' },
2019-09-30 21:07:59 +05:30
{ type: 'updateResolvableDiscussionsCounts' },
2019-07-07 11:18:12 +05:30
],
done,
);
});
it('adds a reply to a discussion', done => {
2019-12-04 20:38:33 +05:30
const res = {};
axiosMock.onAny().reply(200, res);
2019-07-07 11:18:12 +05:30
testAction(
actions.replyToDiscussion,
payload,
{
notesById: {},
},
[{ type: mutationTypes.ADD_NEW_REPLY_TO_DISCUSSION, payload: res }],
[],
done,
);
});
});
describe('removeConvertedDiscussion', () => {
it('commits CONVERT_TO_DISCUSSION with noteId', done => {
const noteId = 'dummy-id';
testAction(
actions.removeConvertedDiscussion,
noteId,
{},
[{ type: 'REMOVE_CONVERTED_DISCUSSION', payload: noteId }],
[],
done,
);
});
});
2019-07-31 22:56:46 +05:30
describe('resolveDiscussion', () => {
let getters;
let discussionId;
beforeEach(() => {
discussionId = discussionMock.id;
state.discussions = [discussionMock];
getters = {
isDiscussionResolved: () => false,
};
});
it('when unresolved, dispatches action', done => {
testAction(
actions.resolveDiscussion,
{ discussionId },
{ ...state, ...getters },
[],
[
{
type: 'toggleResolveNote',
payload: {
endpoint: discussionMock.resolve_path,
isResolved: false,
discussion: true,
},
},
],
done,
);
});
it('when resolved, does nothing', done => {
getters.isDiscussionResolved = id => id === discussionId;
testAction(
actions.resolveDiscussion,
{ discussionId },
{ ...state, ...getters },
[],
[],
done,
);
});
});
2019-09-04 21:01:54 +05:30
describe('saveNote', () => {
2020-01-01 13:55:28 +05:30
const flashContainer = {};
const payload = { endpoint: TEST_HOST, data: { 'note[note]': 'some text' }, flashContainer };
2019-09-04 21:01:54 +05:30
describe('if response contains errors', () => {
const res = { errors: { something: ['went wrong'] } };
2020-01-01 13:55:28 +05:30
const error = { message: 'Unprocessable entity', response: { data: res } };
2019-09-04 21:01:54 +05:30
it('throws an error', done => {
actions
.saveNote(
{
commit() {},
2020-01-01 13:55:28 +05:30
dispatch: () => Promise.reject(error),
2019-09-04 21:01:54 +05:30
},
payload,
)
.then(() => done.fail('Expected error to be thrown!'))
2020-01-01 13:55:28 +05:30
.catch(err => {
expect(err).toBe(error);
expect(flashSpy).not.toHaveBeenCalled();
})
.then(done)
.catch(done.fail);
});
});
describe('if response contains errors.base', () => {
const res = { errors: { base: ['something went wrong'] } };
const error = { message: 'Unprocessable entity', response: { data: res } };
it('sets flash alert using errors.base message', done => {
actions
.saveNote(
{
commit() {},
dispatch: () => Promise.reject(error),
},
{ ...payload, flashContainer },
)
.then(resp => {
expect(resp.hasFlash).toBe(true);
expect(flashSpy).toHaveBeenCalledWith(
'Your comment could not be submitted because something went wrong',
'alert',
flashContainer,
);
2019-09-04 21:01:54 +05:30
})
2020-01-01 13:55:28 +05:30
.catch(() => done.fail('Expected success response!'))
2019-09-04 21:01:54 +05:30
.then(done)
.catch(done.fail);
});
});
describe('if response contains no errors', () => {
const res = { valid: true };
it('returns the response', done => {
actions
.saveNote(
{
commit() {},
dispatch: () => Promise.resolve(res),
},
payload,
)
.then(data => {
expect(data).toBe(res);
2020-01-01 13:55:28 +05:30
expect(flashSpy).not.toHaveBeenCalled();
2019-09-04 21:01:54 +05:30
})
.then(done)
.catch(done.fail);
});
});
});
2019-07-31 22:56:46 +05:30
describe('submitSuggestion', () => {
const discussionId = 'discussion-id';
const noteId = 'note-id';
const suggestionId = 'suggestion-id';
let flashContainer;
beforeEach(() => {
2019-09-30 21:07:59 +05:30
spyOn(Api, 'applySuggestion');
2019-07-31 22:56:46 +05:30
dispatch.and.returnValue(Promise.resolve());
2019-09-30 21:07:59 +05:30
Api.applySuggestion.and.returnValue(Promise.resolve());
2019-07-31 22:56:46 +05:30
flashContainer = {};
});
const testSubmitSuggestion = (done, expectFn) => {
actions
.submitSuggestion(
{ commit, dispatch },
{ discussionId, noteId, suggestionId, flashContainer },
)
.then(expectFn)
.then(done)
.catch(done.fail);
};
it('when service success, commits and resolves discussion', done => {
testSubmitSuggestion(done, () => {
expect(commit.calls.allArgs()).toEqual([
[mutationTypes.APPLY_SUGGESTION, { discussionId, noteId, suggestionId }],
]);
expect(dispatch.calls.allArgs()).toEqual([['resolveDiscussion', { discussionId }]]);
expect(flashSpy).not.toHaveBeenCalled();
});
});
it('when service fails, flashes error message', done => {
const response = { response: { data: { message: TEST_ERROR_MESSAGE } } };
2019-09-30 21:07:59 +05:30
Api.applySuggestion.and.returnValue(Promise.reject(response));
2019-07-31 22:56:46 +05:30
testSubmitSuggestion(done, () => {
expect(commit).not.toHaveBeenCalled();
expect(dispatch).not.toHaveBeenCalled();
expect(flashSpy).toHaveBeenCalledWith(`${TEST_ERROR_MESSAGE}.`, 'alert', flashContainer);
});
});
it('when resolve discussion fails, fail gracefully', done => {
dispatch.and.returnValue(Promise.reject());
testSubmitSuggestion(done, () => {
expect(flashSpy).not.toHaveBeenCalled();
});
});
});
2019-10-12 21:52:04 +05:30
describe('filterDiscussion', () => {
const path = 'some-discussion-path';
const filter = 0;
beforeEach(() => {
dispatch.and.returnValue(new Promise(() => {}));
});
it('fetches discussions with filter and persistFilter false', () => {
actions.filterDiscussion({ dispatch }, { path, filter, persistFilter: false });
expect(dispatch.calls.allArgs()).toEqual([
['setLoadingState', true],
['fetchDiscussions', { path, filter, persistFilter: false }],
]);
});
it('fetches discussions with filter and persistFilter true', () => {
actions.filterDiscussion({ dispatch }, { path, filter, persistFilter: true });
expect(dispatch.calls.allArgs()).toEqual([
['setLoadingState', true],
['fetchDiscussions', { path, filter, persistFilter: true }],
]);
});
});
2018-03-17 18:26:18 +05:30
});