2018-11-08 19:23:39 +05:30
|
|
|
import MockAdapter from 'axios-mock-adapter';
|
|
|
|
import Cookies from 'js-cookie';
|
|
|
|
import {
|
|
|
|
DIFF_VIEW_COOKIE_NAME,
|
|
|
|
INLINE_DIFF_VIEW_TYPE,
|
|
|
|
PARALLEL_DIFF_VIEW_TYPE,
|
|
|
|
} from '~/diffs/constants';
|
2018-11-20 20:47:30 +05:30
|
|
|
import actions, {
|
|
|
|
setBaseConfig,
|
|
|
|
fetchDiffFiles,
|
|
|
|
assignDiscussionsToDiff,
|
|
|
|
removeDiscussionsFromDiff,
|
|
|
|
startRenderDiffsQueue,
|
|
|
|
setInlineDiffViewType,
|
|
|
|
setParallelDiffViewType,
|
|
|
|
showCommentForm,
|
|
|
|
cancelCommentForm,
|
|
|
|
loadMoreLines,
|
|
|
|
scrollToLineIfNeededInline,
|
|
|
|
scrollToLineIfNeededParallel,
|
|
|
|
loadCollapsedDiff,
|
|
|
|
expandAllFiles,
|
|
|
|
toggleFileDiscussions,
|
2018-12-05 23:21:45 +05:30
|
|
|
saveDiffDiscussion,
|
|
|
|
toggleTreeOpen,
|
|
|
|
scrollToFile,
|
|
|
|
toggleShowTreeList,
|
2018-11-20 20:47:30 +05:30
|
|
|
} from '~/diffs/store/actions';
|
2018-11-08 19:23:39 +05:30
|
|
|
import * as types from '~/diffs/store/mutation_types';
|
|
|
|
import axios from '~/lib/utils/axios_utils';
|
|
|
|
import testAction from '../../helpers/vuex_action_helper';
|
|
|
|
|
|
|
|
describe('DiffsStoreActions', () => {
|
2018-11-20 20:47:30 +05:30
|
|
|
const originalMethods = {
|
|
|
|
requestAnimationFrame: global.requestAnimationFrame,
|
|
|
|
requestIdleCallback: global.requestIdleCallback,
|
|
|
|
};
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
['requestAnimationFrame', 'requestIdleCallback'].forEach(method => {
|
|
|
|
global[method] = cb => {
|
|
|
|
cb();
|
|
|
|
};
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
['requestAnimationFrame', 'requestIdleCallback'].forEach(method => {
|
|
|
|
global[method] = originalMethods[method];
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
describe('setBaseConfig', () => {
|
|
|
|
it('should set given endpoint and project path', done => {
|
|
|
|
const endpoint = '/diffs/set/endpoint';
|
|
|
|
const projectPath = '/root/project';
|
|
|
|
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
setBaseConfig,
|
2018-11-08 19:23:39 +05:30
|
|
|
{ endpoint, projectPath },
|
|
|
|
{ endpoint: '', projectPath: '' },
|
|
|
|
[{ type: types.SET_BASE_CONFIG, payload: { endpoint, projectPath } }],
|
|
|
|
[],
|
|
|
|
done,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('fetchDiffFiles', () => {
|
|
|
|
it('should fetch diff files', done => {
|
|
|
|
const endpoint = '/fetch/diff/files';
|
|
|
|
const mock = new MockAdapter(axios);
|
|
|
|
const res = { diff_files: 1, merge_request_diffs: [] };
|
|
|
|
mock.onGet(endpoint).reply(200, res);
|
|
|
|
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
fetchDiffFiles,
|
2018-11-08 19:23:39 +05:30
|
|
|
{},
|
|
|
|
{ endpoint },
|
|
|
|
[
|
|
|
|
{ type: types.SET_LOADING, payload: true },
|
|
|
|
{ type: types.SET_LOADING, payload: false },
|
|
|
|
{ type: types.SET_MERGE_REQUEST_DIFFS, payload: res.merge_request_diffs },
|
|
|
|
{ type: types.SET_DIFF_DATA, payload: res },
|
|
|
|
],
|
|
|
|
[],
|
|
|
|
() => {
|
|
|
|
mock.restore();
|
|
|
|
done();
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
describe('assignDiscussionsToDiff', () => {
|
|
|
|
it('should merge discussions into diffs', done => {
|
|
|
|
const state = {
|
|
|
|
diffFiles: [
|
|
|
|
{
|
2019-01-03 12:48:30 +05:30
|
|
|
fileHash: 'ABC',
|
|
|
|
parallelDiffLines: [
|
2018-11-20 20:47:30 +05:30
|
|
|
{
|
|
|
|
left: {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [],
|
|
|
|
},
|
|
|
|
right: {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
2019-01-03 12:48:30 +05:30
|
|
|
highlightedDiffLines: [
|
2018-11-20 20:47:30 +05:30
|
|
|
{
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [],
|
2019-01-03 12:48:30 +05:30
|
|
|
oldLine: 5,
|
|
|
|
newLine: null,
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
|
|
|
],
|
2019-01-03 12:48:30 +05:30
|
|
|
diffRefs: {
|
|
|
|
baseSha: 'abc',
|
|
|
|
headSha: 'def',
|
|
|
|
startSha: 'ghi',
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
2019-01-03 12:48:30 +05:30
|
|
|
newPath: 'file1',
|
|
|
|
oldPath: 'file2',
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
|
|
|
const diffPosition = {
|
2019-01-03 12:48:30 +05:30
|
|
|
baseSha: 'abc',
|
|
|
|
headSha: 'def',
|
|
|
|
startSha: 'ghi',
|
|
|
|
newLine: null,
|
|
|
|
newPath: 'file1',
|
|
|
|
oldLine: 5,
|
|
|
|
oldPath: 'file2',
|
2018-11-20 20:47:30 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
const singleDiscussion = {
|
|
|
|
line_code: 'ABC_1_1',
|
|
|
|
diff_discussion: {},
|
|
|
|
diff_file: {
|
|
|
|
file_hash: 'ABC',
|
|
|
|
},
|
2019-01-03 12:48:30 +05:30
|
|
|
fileHash: 'ABC',
|
2018-11-20 20:47:30 +05:30
|
|
|
resolvable: true,
|
|
|
|
position: diffPosition,
|
|
|
|
original_position: diffPosition,
|
|
|
|
};
|
|
|
|
|
2018-12-13 13:39:08 +05:30
|
|
|
const discussions = [singleDiscussion];
|
2018-11-20 20:47:30 +05:30
|
|
|
|
|
|
|
testAction(
|
|
|
|
assignDiscussionsToDiff,
|
|
|
|
discussions,
|
|
|
|
state,
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.SET_LINE_DISCUSSIONS_FOR_FILE,
|
|
|
|
payload: {
|
2018-12-13 13:39:08 +05:30
|
|
|
discussion: singleDiscussion,
|
2018-11-20 20:47:30 +05:30
|
|
|
diffPositionByLineCode: {
|
|
|
|
ABC_1_1: {
|
2019-01-03 12:48:30 +05:30
|
|
|
baseSha: 'abc',
|
|
|
|
headSha: 'def',
|
|
|
|
startSha: 'ghi',
|
|
|
|
newLine: null,
|
|
|
|
newPath: 'file1',
|
|
|
|
oldLine: 5,
|
|
|
|
oldPath: 'file2',
|
|
|
|
lineCode: 'ABC_1_1',
|
|
|
|
positionType: 'text',
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
2019-01-03 12:48:30 +05:30
|
|
|
() => {
|
|
|
|
done();
|
|
|
|
},
|
2018-11-20 20:47:30 +05:30
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('removeDiscussionsFromDiff', () => {
|
|
|
|
it('should remove discussions from diffs', done => {
|
|
|
|
const state = {
|
|
|
|
diffFiles: [
|
|
|
|
{
|
2019-01-03 12:48:30 +05:30
|
|
|
fileHash: 'ABC',
|
|
|
|
parallelDiffLines: [
|
2018-11-20 20:47:30 +05:30
|
|
|
{
|
|
|
|
left: {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
right: {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
2019-01-03 12:48:30 +05:30
|
|
|
highlightedDiffLines: [
|
2018-11-20 20:47:30 +05:30
|
|
|
{
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_1_1',
|
2018-11-20 20:47:30 +05:30
|
|
|
discussions: [],
|
|
|
|
},
|
|
|
|
],
|
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
const singleDiscussion = {
|
2018-12-13 13:39:08 +05:30
|
|
|
id: '1',
|
2019-01-03 12:48:30 +05:30
|
|
|
fileHash: 'ABC',
|
2018-11-20 20:47:30 +05:30
|
|
|
line_code: 'ABC_1_1',
|
|
|
|
};
|
|
|
|
|
|
|
|
testAction(
|
|
|
|
removeDiscussionsFromDiff,
|
|
|
|
singleDiscussion,
|
|
|
|
state,
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.REMOVE_LINE_DISCUSSIONS_FOR_FILE,
|
|
|
|
payload: {
|
2018-12-13 13:39:08 +05:30
|
|
|
id: '1',
|
2018-11-20 20:47:30 +05:30
|
|
|
fileHash: 'ABC',
|
|
|
|
lineCode: 'ABC_1_1',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
2019-01-03 12:48:30 +05:30
|
|
|
() => {
|
|
|
|
done();
|
|
|
|
},
|
2018-11-20 20:47:30 +05:30
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('startRenderDiffsQueue', () => {
|
2018-12-05 23:21:45 +05:30
|
|
|
it('should set all files to RENDER_FILE', () => {
|
2018-11-20 20:47:30 +05:30
|
|
|
const state = {
|
|
|
|
diffFiles: [
|
|
|
|
{
|
|
|
|
id: 1,
|
|
|
|
renderIt: false,
|
|
|
|
collapsed: false,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
renderIt: false,
|
|
|
|
collapsed: false,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
|
|
|
const pseudoCommit = (commitType, file) => {
|
|
|
|
expect(commitType).toBe(types.RENDER_FILE);
|
|
|
|
Object.assign(file, {
|
|
|
|
renderIt: true,
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2018-12-05 23:21:45 +05:30
|
|
|
startRenderDiffsQueue({ state, commit: pseudoCommit });
|
2018-11-20 20:47:30 +05:30
|
|
|
|
2018-12-05 23:21:45 +05:30
|
|
|
expect(state.diffFiles[0].renderIt).toBe(true);
|
|
|
|
expect(state.diffFiles[1].renderIt).toBe(true);
|
2018-11-20 20:47:30 +05:30
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
describe('setInlineDiffViewType', () => {
|
|
|
|
it('should set diff view type to inline and also set the cookie properly', done => {
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
setInlineDiffViewType,
|
2018-11-08 19:23:39 +05:30
|
|
|
null,
|
|
|
|
{},
|
|
|
|
[{ type: types.SET_DIFF_VIEW_TYPE, payload: INLINE_DIFF_VIEW_TYPE }],
|
|
|
|
[],
|
|
|
|
() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(Cookies.get('diff_view')).toEqual(INLINE_DIFF_VIEW_TYPE);
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('setParallelDiffViewType', () => {
|
|
|
|
it('should set diff view type to parallel and also set the cookie properly', done => {
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
setParallelDiffViewType,
|
2018-11-08 19:23:39 +05:30
|
|
|
null,
|
|
|
|
{},
|
|
|
|
[{ type: types.SET_DIFF_VIEW_TYPE, payload: PARALLEL_DIFF_VIEW_TYPE }],
|
|
|
|
[],
|
|
|
|
() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(Cookies.get(DIFF_VIEW_COOKIE_NAME)).toEqual(PARALLEL_DIFF_VIEW_TYPE);
|
|
|
|
done();
|
|
|
|
}, 0);
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('showCommentForm', () => {
|
|
|
|
it('should call mutation to show comment form', done => {
|
2019-01-03 12:48:30 +05:30
|
|
|
const payload = { lineCode: 'lineCode' };
|
2018-11-08 19:23:39 +05:30
|
|
|
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
showCommentForm,
|
2018-11-08 19:23:39 +05:30
|
|
|
payload,
|
|
|
|
{},
|
2019-01-03 12:48:30 +05:30
|
|
|
[{ type: types.ADD_COMMENT_FORM_LINE, payload }],
|
2018-11-08 19:23:39 +05:30
|
|
|
[],
|
|
|
|
done,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('cancelCommentForm', () => {
|
|
|
|
it('should call mutation to cancel comment form', done => {
|
2019-01-03 12:48:30 +05:30
|
|
|
const payload = { lineCode: 'lineCode' };
|
2018-11-08 19:23:39 +05:30
|
|
|
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
cancelCommentForm,
|
2018-11-08 19:23:39 +05:30
|
|
|
payload,
|
|
|
|
{},
|
2019-01-03 12:48:30 +05:30
|
|
|
[{ type: types.REMOVE_COMMENT_FORM_LINE, payload }],
|
2018-11-08 19:23:39 +05:30
|
|
|
[],
|
|
|
|
done,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('loadMoreLines', () => {
|
|
|
|
it('should call mutation to show comment form', done => {
|
|
|
|
const endpoint = '/diffs/load/more/lines';
|
|
|
|
const params = { since: 6, to: 26 };
|
|
|
|
const lineNumbers = { oldLineNumber: 3, newLineNumber: 5 };
|
|
|
|
const fileHash = 'ff9200';
|
|
|
|
const options = { endpoint, params, lineNumbers, fileHash };
|
|
|
|
const mock = new MockAdapter(axios);
|
|
|
|
const contextLines = { contextLines: [{ lineCode: 6 }] };
|
|
|
|
mock.onGet(endpoint).reply(200, contextLines);
|
|
|
|
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
loadMoreLines,
|
2018-11-08 19:23:39 +05:30
|
|
|
options,
|
|
|
|
{},
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.ADD_CONTEXT_LINES,
|
|
|
|
payload: { lineNumbers, contextLines, params, fileHash },
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
|
|
|
() => {
|
|
|
|
mock.restore();
|
|
|
|
done();
|
|
|
|
},
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('loadCollapsedDiff', () => {
|
|
|
|
it('should fetch data and call mutation with response and the give parameter', done => {
|
2019-01-03 12:48:30 +05:30
|
|
|
const file = { hash: 123, loadCollapsedDiffUrl: '/load/collapsed/diff/url' };
|
2018-11-08 19:23:39 +05:30
|
|
|
const data = { hash: 123, parallelDiffLines: [{ lineCode: 1 }] };
|
|
|
|
const mock = new MockAdapter(axios);
|
|
|
|
mock.onGet(file.loadCollapsedDiffUrl).reply(200, data);
|
|
|
|
|
2019-01-03 12:48:30 +05:30
|
|
|
testAction(
|
|
|
|
loadCollapsedDiff,
|
|
|
|
file,
|
|
|
|
{},
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.ADD_COLLAPSED_DIFFS,
|
|
|
|
payload: { file, data },
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
|
|
|
() => {
|
2018-11-08 19:23:39 +05:30
|
|
|
mock.restore();
|
|
|
|
done();
|
2019-01-03 12:48:30 +05:30
|
|
|
},
|
|
|
|
);
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('expandAllFiles', () => {
|
|
|
|
it('should change the collapsed prop from the diffFiles', done => {
|
|
|
|
testAction(
|
2018-11-20 20:47:30 +05:30
|
|
|
expandAllFiles,
|
2018-11-08 19:23:39 +05:30
|
|
|
null,
|
|
|
|
{},
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.EXPAND_ALL_FILES,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
|
|
|
done,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('toggleFileDiscussions', () => {
|
|
|
|
it('should dispatch collapseDiscussion when all discussions are expanded', () => {
|
|
|
|
const getters = {
|
|
|
|
getDiffFileDiscussions: jasmine.createSpy().and.returnValue([{ id: 1 }]),
|
|
|
|
diffHasAllExpandedDiscussions: jasmine.createSpy().and.returnValue(true),
|
2019-01-03 12:48:30 +05:30
|
|
|
diffHasAllCollpasedDiscussions: jasmine.createSpy().and.returnValue(false),
|
2018-11-08 19:23:39 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
const dispatch = jasmine.createSpy('dispatch');
|
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
toggleFileDiscussions({ getters, dispatch });
|
2018-11-08 19:23:39 +05:30
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
expect(dispatch).toHaveBeenCalledWith(
|
|
|
|
'collapseDiscussion',
|
|
|
|
{ discussionId: 1 },
|
|
|
|
{ root: true },
|
|
|
|
);
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
it('should dispatch expandDiscussion when all discussions are collapsed', () => {
|
|
|
|
const getters = {
|
|
|
|
getDiffFileDiscussions: jasmine.createSpy().and.returnValue([{ id: 1 }]),
|
|
|
|
diffHasAllExpandedDiscussions: jasmine.createSpy().and.returnValue(false),
|
2019-01-03 12:48:30 +05:30
|
|
|
diffHasAllCollpasedDiscussions: jasmine.createSpy().and.returnValue(true),
|
2018-11-08 19:23:39 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
const dispatch = jasmine.createSpy();
|
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
toggleFileDiscussions({ getters, dispatch });
|
2018-11-08 19:23:39 +05:30
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
expect(dispatch).toHaveBeenCalledWith(
|
|
|
|
'expandDiscussion',
|
|
|
|
{ discussionId: 1 },
|
|
|
|
{ root: true },
|
|
|
|
);
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
it('should dispatch expandDiscussion when some discussions are collapsed and others are expanded for the collapsed discussion', () => {
|
|
|
|
const getters = {
|
|
|
|
getDiffFileDiscussions: jasmine.createSpy().and.returnValue([{ expanded: false, id: 1 }]),
|
|
|
|
diffHasAllExpandedDiscussions: jasmine.createSpy().and.returnValue(false),
|
2019-01-03 12:48:30 +05:30
|
|
|
diffHasAllCollpasedDiscussions: jasmine.createSpy().and.returnValue(false),
|
2018-11-08 19:23:39 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
const dispatch = jasmine.createSpy();
|
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
toggleFileDiscussions({ getters, dispatch });
|
|
|
|
|
|
|
|
expect(dispatch).toHaveBeenCalledWith(
|
|
|
|
'expandDiscussion',
|
|
|
|
{ discussionId: 1 },
|
|
|
|
{ root: true },
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('scrollToLineIfNeededInline', () => {
|
|
|
|
const lineMock = {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_123',
|
2018-11-20 20:47:30 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
it('should not call handleLocationHash when there is not hash', () => {
|
|
|
|
window.location.hash = '';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededInline({}, lineMock);
|
|
|
|
|
|
|
|
expect(handleLocationHashSpy).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should not call handleLocationHash when the hash does not match any line', () => {
|
|
|
|
window.location.hash = 'XYZ_456';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededInline({}, lineMock);
|
|
|
|
|
|
|
|
expect(handleLocationHashSpy).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should call handleLocationHash only when the hash matches a line', () => {
|
|
|
|
window.location.hash = 'ABC_123';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededInline(
|
|
|
|
{},
|
|
|
|
{
|
|
|
|
lineCode: 'ABC_456',
|
|
|
|
},
|
|
|
|
);
|
|
|
|
scrollToLineIfNeededInline({}, lineMock);
|
|
|
|
scrollToLineIfNeededInline(
|
|
|
|
{},
|
|
|
|
{
|
|
|
|
lineCode: 'XYZ_456',
|
|
|
|
},
|
|
|
|
);
|
|
|
|
|
|
|
|
expect(handleLocationHashSpy).toHaveBeenCalled();
|
|
|
|
expect(handleLocationHashSpy).toHaveBeenCalledTimes(1);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('scrollToLineIfNeededParallel', () => {
|
|
|
|
const lineMock = {
|
|
|
|
left: null,
|
|
|
|
right: {
|
2019-01-03 12:48:30 +05:30
|
|
|
lineCode: 'ABC_123',
|
2018-11-20 20:47:30 +05:30
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
it('should not call handleLocationHash when there is not hash', () => {
|
|
|
|
window.location.hash = '';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededParallel({}, lineMock);
|
|
|
|
|
|
|
|
expect(handleLocationHashSpy).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should not call handleLocationHash when the hash does not match any line', () => {
|
|
|
|
window.location.hash = 'XYZ_456';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededParallel({}, lineMock);
|
|
|
|
|
|
|
|
expect(handleLocationHashSpy).not.toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('should call handleLocationHash only when the hash matches a line', () => {
|
|
|
|
window.location.hash = 'ABC_123';
|
|
|
|
|
|
|
|
const handleLocationHashSpy = spyOnDependency(actions, 'handleLocationHash').and.stub();
|
|
|
|
|
|
|
|
scrollToLineIfNeededParallel(
|
|
|
|
{},
|
|
|
|
{
|
|
|
|
left: null,
|
|
|
|
right: {
|
|
|
|
lineCode: 'ABC_456',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
);
|
|
|
|
scrollToLineIfNeededParallel({}, lineMock);
|
|
|
|
scrollToLineIfNeededParallel(
|
|
|
|
{},
|
|
|
|
{
|
|
|
|
left: null,
|
|
|
|
right: {
|
|
|
|
lineCode: 'XYZ_456',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
);
|
2018-11-08 19:23:39 +05:30
|
|
|
|
2018-11-20 20:47:30 +05:30
|
|
|
expect(handleLocationHashSpy).toHaveBeenCalled();
|
|
|
|
expect(handleLocationHashSpy).toHaveBeenCalledTimes(1);
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
|
|
|
});
|
2018-12-05 23:21:45 +05:30
|
|
|
|
|
|
|
describe('saveDiffDiscussion', () => {
|
2019-01-03 12:48:30 +05:30
|
|
|
beforeEach(() => {
|
|
|
|
spyOnDependency(actions, 'getNoteFormData').and.returnValue('testData');
|
|
|
|
});
|
|
|
|
|
2018-12-05 23:21:45 +05:30
|
|
|
it('dispatches actions', done => {
|
|
|
|
const dispatch = jasmine.createSpy('dispatch').and.callFake(name => {
|
|
|
|
switch (name) {
|
|
|
|
case 'saveNote':
|
|
|
|
return Promise.resolve({
|
|
|
|
discussion: 'test',
|
|
|
|
});
|
|
|
|
case 'updateDiscussion':
|
|
|
|
return Promise.resolve('discussion');
|
|
|
|
default:
|
|
|
|
return Promise.resolve({});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2019-01-03 12:48:30 +05:30
|
|
|
saveDiffDiscussion({ dispatch }, { note: {}, formData: {} })
|
2018-12-05 23:21:45 +05:30
|
|
|
.then(() => {
|
2019-01-03 12:48:30 +05:30
|
|
|
expect(dispatch.calls.argsFor(0)).toEqual(['saveNote', 'testData', { root: true }]);
|
|
|
|
expect(dispatch.calls.argsFor(1)).toEqual(['updateDiscussion', 'test', { root: true }]);
|
|
|
|
expect(dispatch.calls.argsFor(2)).toEqual(['assignDiscussionsToDiff', ['discussion']]);
|
2018-12-05 23:21:45 +05:30
|
|
|
})
|
|
|
|
.then(done)
|
|
|
|
.catch(done.fail);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('toggleTreeOpen', () => {
|
|
|
|
it('commits TOGGLE_FOLDER_OPEN', done => {
|
|
|
|
testAction(
|
|
|
|
toggleTreeOpen,
|
|
|
|
'path',
|
|
|
|
{},
|
|
|
|
[{ type: types.TOGGLE_FOLDER_OPEN, payload: 'path' }],
|
|
|
|
[],
|
|
|
|
done,
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('scrollToFile', () => {
|
|
|
|
let commit;
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
commit = jasmine.createSpy();
|
|
|
|
jasmine.clock().install();
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
|
|
|
jasmine.clock().uninstall();
|
|
|
|
});
|
|
|
|
|
|
|
|
it('updates location hash', () => {
|
|
|
|
const state = {
|
|
|
|
treeEntries: {
|
|
|
|
path: {
|
|
|
|
fileHash: 'test',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
scrollToFile({ state, commit }, 'path');
|
|
|
|
|
|
|
|
expect(document.location.hash).toBe('#test');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('commits UPDATE_CURRENT_DIFF_FILE_ID', () => {
|
|
|
|
const state = {
|
|
|
|
treeEntries: {
|
|
|
|
path: {
|
|
|
|
fileHash: 'test',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
scrollToFile({ state, commit }, 'path');
|
|
|
|
|
|
|
|
expect(commit).toHaveBeenCalledWith(types.UPDATE_CURRENT_DIFF_FILE_ID, 'test');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('resets currentDiffId after timeout', () => {
|
|
|
|
const state = {
|
|
|
|
treeEntries: {
|
|
|
|
path: {
|
|
|
|
fileHash: 'test',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
scrollToFile({ state, commit }, 'path');
|
|
|
|
|
|
|
|
jasmine.clock().tick(1000);
|
|
|
|
|
|
|
|
expect(commit.calls.argsFor(1)).toEqual([types.UPDATE_CURRENT_DIFF_FILE_ID, '']);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('toggleShowTreeList', () => {
|
|
|
|
it('commits toggle', done => {
|
|
|
|
testAction(toggleShowTreeList, null, {}, [{ type: types.TOGGLE_SHOW_TREE_LIST }], [], done);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('updates localStorage', () => {
|
|
|
|
spyOn(localStorage, 'setItem');
|
|
|
|
|
|
|
|
toggleShowTreeList({ commit() {}, state: { showTreeList: true } });
|
|
|
|
|
|
|
|
expect(localStorage.setItem).toHaveBeenCalledWith('mr_tree_show', true);
|
|
|
|
});
|
|
|
|
});
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|