2018-11-08 19:23:39 +05:30
|
|
|
import MockAdapter from 'axios-mock-adapter';
|
2022-08-13 15:12:31 +05:30
|
|
|
import { stubPerformanceWebAPI } from 'helpers/performance';
|
2021-03-08 18:12:59 +05:30
|
|
|
import { TEST_HOST } from 'helpers/test_constants';
|
2021-03-11 19:13:27 +05:30
|
|
|
import testAction from 'helpers/vuex_action_helper';
|
|
|
|
import { createRouter } from '~/ide/ide_router';
|
|
|
|
import service from '~/ide/services';
|
|
|
|
import { createStore } from '~/ide/stores';
|
2019-07-07 11:18:12 +05:30
|
|
|
import { showTreeEntry, getFiles, setDirectoryData } from '~/ide/stores/actions/tree';
|
2018-11-08 19:23:39 +05:30
|
|
|
import * as types from '~/ide/stores/mutation_types';
|
|
|
|
import axios from '~/lib/utils/axios_utils';
|
2023-04-23 21:23:45 +05:30
|
|
|
import { HTTP_STATUS_INTERNAL_SERVER_ERROR, HTTP_STATUS_OK } from '~/lib/utils/http_status';
|
2020-06-23 00:09:42 +05:30
|
|
|
import { file, createEntriesFromPaths } from '../../helpers';
|
2018-05-09 12:01:36 +05:30
|
|
|
|
|
|
|
describe('Multi-file store tree actions', () => {
|
|
|
|
let projectTree;
|
2018-11-08 19:23:39 +05:30
|
|
|
let mock;
|
2020-06-23 00:09:42 +05:30
|
|
|
let store;
|
|
|
|
let router;
|
2018-05-09 12:01:36 +05:30
|
|
|
|
|
|
|
const basicCallParameters = {
|
|
|
|
endpoint: 'rootEndpoint',
|
|
|
|
projectId: 'abcproject',
|
2021-09-04 01:27:46 +05:30
|
|
|
branch: 'main',
|
|
|
|
branchId: 'main',
|
2020-03-13 15:44:24 +05:30
|
|
|
ref: '12345678',
|
2018-05-09 12:01:36 +05:30
|
|
|
};
|
|
|
|
|
|
|
|
beforeEach(() => {
|
2022-08-13 15:12:31 +05:30
|
|
|
stubPerformanceWebAPI();
|
|
|
|
|
2020-06-23 00:09:42 +05:30
|
|
|
store = createStore();
|
|
|
|
router = createRouter(store);
|
|
|
|
jest.spyOn(router, 'push').mockImplementation();
|
2018-05-09 12:01:36 +05:30
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
mock = new MockAdapter(axios);
|
|
|
|
|
2018-05-09 12:01:36 +05:30
|
|
|
store.state.currentProjectId = 'abcproject';
|
2021-09-04 01:27:46 +05:30
|
|
|
store.state.currentBranchId = 'main';
|
2018-05-09 12:01:36 +05:30
|
|
|
store.state.projects.abcproject = {
|
|
|
|
web_url: '',
|
2020-05-24 23:13:21 +05:30
|
|
|
path_with_namespace: 'foo/abcproject',
|
2018-05-09 12:01:36 +05:30
|
|
|
};
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(() => {
|
2018-11-08 19:23:39 +05:30
|
|
|
mock.restore();
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
|
|
|
|
describe('getFiles', () => {
|
2018-11-08 19:23:39 +05:30
|
|
|
describe('success', () => {
|
|
|
|
beforeEach(() => {
|
2020-06-23 00:09:42 +05:30
|
|
|
jest.spyOn(service, 'getFiles');
|
2018-11-08 19:23:39 +05:30
|
|
|
|
|
|
|
mock
|
|
|
|
.onGet(/(.*)/)
|
2023-04-23 21:23:45 +05:30
|
|
|
.replyOnce(HTTP_STATUS_OK, [
|
2018-11-08 19:23:39 +05:30
|
|
|
'file.txt',
|
|
|
|
'folder/fileinfolder.js',
|
|
|
|
'folder/subfolder/fileinsubfolder.js',
|
|
|
|
]);
|
|
|
|
});
|
|
|
|
|
2020-06-23 00:09:42 +05:30
|
|
|
it('calls service getFiles', () => {
|
2021-03-08 18:12:59 +05:30
|
|
|
return store.dispatch('getFiles', basicCallParameters).then(() => {
|
|
|
|
expect(service.getFiles).toHaveBeenCalledWith('foo/abcproject', '12345678');
|
|
|
|
});
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
|
|
|
|
2022-06-21 17:19:12 +05:30
|
|
|
it('adds data into tree', async () => {
|
|
|
|
await store.dispatch('getFiles', basicCallParameters);
|
|
|
|
projectTree = store.state.trees['abcproject/main'];
|
|
|
|
|
|
|
|
expect(projectTree.tree.length).toBe(2);
|
|
|
|
expect(projectTree.tree[0].type).toBe('tree');
|
|
|
|
expect(projectTree.tree[0].tree[1].name).toBe('fileinfolder.js');
|
|
|
|
expect(projectTree.tree[1].type).toBe('blob');
|
|
|
|
expect(projectTree.tree[0].tree[0].tree[0].type).toBe('blob');
|
|
|
|
expect(projectTree.tree[0].tree[0].tree[0].name).toBe('fileinsubfolder.js');
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
describe('error', () => {
|
2022-06-21 17:19:12 +05:30
|
|
|
it('dispatches error action', async () => {
|
2020-06-23 00:09:42 +05:30
|
|
|
const dispatch = jest.fn();
|
2018-11-08 19:23:39 +05:30
|
|
|
|
|
|
|
store.state.projects = {
|
|
|
|
'abc/def': {
|
2020-07-28 23:09:34 +05:30
|
|
|
web_url: `${TEST_HOST}/files`,
|
2019-12-26 22:10:19 +05:30
|
|
|
branches: {
|
2021-09-04 01:27:46 +05:30
|
|
|
'main-testing': {
|
2019-12-26 22:10:19 +05:30
|
|
|
commit: {
|
|
|
|
id: '12345',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
2018-11-08 19:23:39 +05:30
|
|
|
},
|
|
|
|
};
|
2019-12-26 22:10:19 +05:30
|
|
|
const getters = {
|
2021-09-04 01:27:46 +05:30
|
|
|
findBranch: () => store.state.projects['abc/def'].branches['main-testing'],
|
2019-12-26 22:10:19 +05:30
|
|
|
};
|
2018-11-08 19:23:39 +05:30
|
|
|
|
2023-04-23 21:23:45 +05:30
|
|
|
mock.onGet(/(.*)/).replyOnce(HTTP_STATUS_INTERNAL_SERVER_ERROR);
|
2018-11-08 19:23:39 +05:30
|
|
|
|
2022-06-21 17:19:12 +05:30
|
|
|
await expect(
|
|
|
|
getFiles(
|
|
|
|
{
|
|
|
|
commit() {},
|
|
|
|
dispatch,
|
|
|
|
state: store.state,
|
|
|
|
getters,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
projectId: 'abc/def',
|
|
|
|
branchId: 'main-testing',
|
|
|
|
},
|
|
|
|
),
|
|
|
|
).rejects.toEqual(new Error('Request failed with status code 500'));
|
|
|
|
expect(dispatch).toHaveBeenCalledWith('setErrorMessage', {
|
|
|
|
text: 'An error occurred while loading all the files.',
|
|
|
|
action: expect.any(Function),
|
|
|
|
actionText: 'Please try again',
|
|
|
|
actionPayload: { projectId: 'abc/def', branchId: 'main-testing' },
|
|
|
|
});
|
2018-11-08 19:23:39 +05:30
|
|
|
});
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('toggleTreeOpen', () => {
|
|
|
|
let tree;
|
|
|
|
|
|
|
|
beforeEach(() => {
|
|
|
|
tree = file('testing', '1', 'tree');
|
|
|
|
store.state.entries[tree.path] = tree;
|
|
|
|
});
|
|
|
|
|
2022-06-21 17:19:12 +05:30
|
|
|
it('toggles the tree open', async () => {
|
|
|
|
await store.dispatch('toggleTreeOpen', tree.path);
|
2022-08-27 11:52:29 +05:30
|
|
|
expect(tree.opened).toBe(true);
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-11-08 19:23:39 +05:30
|
|
|
describe('showTreeEntry', () => {
|
2018-05-09 12:01:36 +05:30
|
|
|
beforeEach(() => {
|
2018-11-08 19:23:39 +05:30
|
|
|
const paths = [
|
|
|
|
'grandparent',
|
|
|
|
'ancestor',
|
|
|
|
'grandparent/parent',
|
|
|
|
'grandparent/aunt',
|
|
|
|
'grandparent/parent/child.txt',
|
|
|
|
'grandparent/aunt/cousing.txt',
|
|
|
|
];
|
|
|
|
|
|
|
|
Object.assign(store.state.entries, createEntriesFromPaths(paths));
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
|
2022-06-21 17:19:12 +05:30
|
|
|
it('opens the parents', () => {
|
|
|
|
return testAction(
|
2018-11-08 19:23:39 +05:30
|
|
|
showTreeEntry,
|
|
|
|
'grandparent/parent/child.txt',
|
|
|
|
store.state,
|
2018-11-18 11:00:15 +05:30
|
|
|
[{ type: types.SET_TREE_OPEN, payload: 'grandparent/parent' }],
|
|
|
|
[{ type: 'showTreeEntry', payload: 'grandparent/parent' }],
|
2018-11-08 19:23:39 +05:30
|
|
|
);
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|
|
|
|
});
|
2019-07-07 11:18:12 +05:30
|
|
|
|
|
|
|
describe('setDirectoryData', () => {
|
2022-06-21 17:19:12 +05:30
|
|
|
it('sets tree correctly if there are no opened files yet', () => {
|
2019-07-07 11:18:12 +05:30
|
|
|
const treeFile = file({ name: 'README.md' });
|
2021-09-04 01:27:46 +05:30
|
|
|
store.state.trees['abcproject/main'] = {};
|
2019-07-07 11:18:12 +05:30
|
|
|
|
2022-06-21 17:19:12 +05:30
|
|
|
return testAction(
|
2019-07-07 11:18:12 +05:30
|
|
|
setDirectoryData,
|
2021-09-04 01:27:46 +05:30
|
|
|
{ projectId: 'abcproject', branchId: 'main', treeList: [treeFile] },
|
2019-07-07 11:18:12 +05:30
|
|
|
store.state,
|
|
|
|
[
|
|
|
|
{
|
|
|
|
type: types.SET_DIRECTORY_DATA,
|
|
|
|
payload: {
|
2021-09-04 01:27:46 +05:30
|
|
|
treePath: 'abcproject/main',
|
2019-07-07 11:18:12 +05:30
|
|
|
data: [treeFile],
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: types.TOGGLE_LOADING,
|
|
|
|
payload: {
|
|
|
|
entry: {},
|
|
|
|
forceValue: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
],
|
|
|
|
[],
|
|
|
|
);
|
|
|
|
});
|
|
|
|
});
|
2018-05-09 12:01:36 +05:30
|
|
|
});
|