import MockAdapter from 'axios-mock-adapter'; import axios from '~/lib/utils/axios_utils'; import { refreshLastCommitData, showBranchNotFoundError, createNewBranchFromDefault, showEmptyState, openBranch, loadFile, loadBranch, } from '~/ide/stores/actions'; import { createStore } from '~/ide/stores'; import service from '~/ide/services'; import api from '~/api'; import router from '~/ide/ide_router'; import { resetStore } from '../../helpers'; import testAction from '../../../helpers/vuex_action_helper'; describe('IDE store project actions', () => { let mock; let store; beforeEach(() => { store = createStore(); mock = new MockAdapter(axios); store.state.projects['abc/def'] = { branches: {}, }; }); afterEach(() => { mock.restore(); resetStore(store); }); describe('refreshLastCommitData', () => { beforeEach(() => { store.state.currentProjectId = 'abc/def'; store.state.currentBranchId = 'master'; store.state.projects['abc/def'] = { id: 4, branches: { master: { commit: null, }, }, }; spyOn(service, 'getBranchData').and.returnValue( Promise.resolve({ data: { commit: { id: '123' }, }, }), ); }); it('calls the service', done => { store .dispatch('refreshLastCommitData', { projectId: store.state.currentProjectId, branchId: store.state.currentBranchId, }) .then(() => { expect(service.getBranchData).toHaveBeenCalledWith('abc/def', 'master'); done(); }) .catch(done.fail); }); it('commits getBranchData', done => { testAction( refreshLastCommitData, { projectId: store.state.currentProjectId, branchId: store.state.currentBranchId, }, store.state, // mutations [ { type: 'SET_BRANCH_COMMIT', payload: { projectId: 'abc/def', branchId: 'master', commit: { id: '123' }, }, }, ], // action [], done, ); }); }); describe('showBranchNotFoundError', () => { it('dispatches setErrorMessage', done => { testAction( showBranchNotFoundError, 'master', null, [], [ { type: 'setErrorMessage', payload: { text: "Branch master was not found in this project's repository.", action: jasmine.any(Function), actionText: 'Create branch', actionPayload: 'master', }, }, ], done, ); }); }); describe('createNewBranchFromDefault', () => { it('calls API', done => { spyOn(api, 'createBranch').and.returnValue(Promise.resolve()); spyOn(router, 'push'); createNewBranchFromDefault( { state: { currentProjectId: 'project-path', }, getters: { currentProject: { default_branch: 'master', }, }, dispatch() {}, }, 'new-branch-name', ) .then(() => { expect(api.createBranch).toHaveBeenCalledWith('project-path', { ref: 'master', branch: 'new-branch-name', }); }) .then(done) .catch(done.fail); }); it('clears error message', done => { const dispatchSpy = jasmine.createSpy('dispatch'); spyOn(api, 'createBranch').and.returnValue(Promise.resolve()); spyOn(router, 'push'); createNewBranchFromDefault( { state: { currentProjectId: 'project-path', }, getters: { currentProject: { default_branch: 'master', }, }, dispatch: dispatchSpy, }, 'new-branch-name', ) .then(() => { expect(dispatchSpy).toHaveBeenCalledWith('setErrorMessage', null); }) .then(done) .catch(done.fail); }); it('reloads window', done => { spyOn(api, 'createBranch').and.returnValue(Promise.resolve()); spyOn(router, 'push'); createNewBranchFromDefault( { state: { currentProjectId: 'project-path', }, getters: { currentProject: { default_branch: 'master', }, }, dispatch() {}, }, 'new-branch-name', ) .then(() => { expect(router.push).toHaveBeenCalled(); }) .then(done) .catch(done.fail); }); }); describe('showEmptyState', () => { it('creates a blank tree and sets loading state to false', done => { testAction( showEmptyState, { projectId: 'abc/def', branchId: 'master' }, store.state, [ { type: 'CREATE_TREE', payload: { treePath: 'abc/def/master' } }, { type: 'TOGGLE_LOADING', payload: { entry: store.state.trees['abc/def/master'], forceValue: false }, }, ], jasmine.any(Object), done, ); }); it('sets the currentBranchId to the branchId that was passed', done => { testAction( showEmptyState, { projectId: 'abc/def', branchId: 'master' }, store.state, jasmine.any(Object), [{ type: 'setCurrentBranchId', payload: 'master' }], done, ); }); }); describe('loadFile', () => { beforeEach(() => { Object.assign(store.state, { entries: { foo: { pending: false }, 'foo/bar-pending': { pending: true }, 'foo/bar': { pending: false }, }, }); spyOn(store, 'dispatch'); }); it('does nothing, if basePath is not given', () => { loadFile(store, { basePath: undefined }); expect(store.dispatch).not.toHaveBeenCalled(); }); it('handles tree entry action, if basePath is given and the entry is not pending', () => { loadFile(store, { basePath: 'foo/bar/' }); expect(store.dispatch).toHaveBeenCalledWith( 'handleTreeEntryAction', store.state.entries['foo/bar'], ); }); it('does not handle tree entry action, if entry is pending', () => { loadFile(store, { basePath: 'foo/bar-pending/' }); expect(store.dispatch).not.toHaveBeenCalledWith('handleTreeEntryAction', jasmine.anything()); }); it('creates a new temp file supplied via URL if the file does not exist yet', () => { loadFile(store, { basePath: 'not-existent.md' }); expect(store.dispatch.calls.count()).toBe(1); expect(store.dispatch).not.toHaveBeenCalledWith('handleTreeEntryAction', jasmine.anything()); expect(store.dispatch).toHaveBeenCalledWith('createTempEntry', { name: 'not-existent.md', type: 'blob', }); }); }); describe('loadBranch', () => { const projectId = 'abc/def'; const branchId = '123-lorem'; const ref = 'abcd2322'; it('fetches branch data', done => { const mockGetters = { findBranch: () => ({ commit: { id: ref } }) }; spyOn(store, 'dispatch').and.returnValue(Promise.resolve()); loadBranch( { getters: mockGetters, state: store.state, dispatch: store.dispatch }, { projectId, branchId }, ) .then(() => { expect(store.dispatch.calls.allArgs()).toEqual([ ['getBranchData', { projectId, branchId }], ['getMergeRequestsForBranch', { projectId, branchId }], ['getFiles', { projectId, branchId, ref }], ]); }) .then(done) .catch(done.fail); }); it('shows an error if branch can not be fetched', done => { spyOn(store, 'dispatch').and.returnValue(Promise.reject()); loadBranch(store, { projectId, branchId }) .then(done.fail) .catch(() => { expect(store.dispatch.calls.allArgs()).toEqual([ ['getBranchData', { projectId, branchId }], ['showBranchNotFoundError', branchId], ]); done(); }); }); }); describe('openBranch', () => { const projectId = 'abc/def'; const branchId = '123-lorem'; const branch = { projectId, branchId, }; beforeEach(() => { Object.assign(store.state, { entries: { foo: { pending: false }, 'foo/bar-pending': { pending: true }, 'foo/bar': { pending: false }, }, }); }); it('loads file right away if the branch has already been fetched', done => { spyOn(store, 'dispatch'); Object.assign(store.state, { projects: { [projectId]: { branches: { [branchId]: { foo: 'bar' }, }, }, }, }); openBranch(store, branch) .then(() => { expect(store.dispatch.calls.allArgs()).toEqual([['loadFile', { basePath: undefined }]]); }) .then(done) .catch(done.fail); }); describe('empty repo', () => { beforeEach(() => { spyOn(store, 'dispatch').and.returnValue(Promise.resolve()); Object.assign(store.state, { currentProjectId: 'abc/def', projects: { 'abc/def': { empty_repo: true, }, }, }); }); afterEach(() => { resetStore(store); }); it('dispatches showEmptyState action right away', done => { openBranch(store, branch) .then(() => { expect(store.dispatch.calls.allArgs()).toEqual([['showEmptyState', branch]]); done(); }) .catch(done.fail); }); }); describe('existing branch', () => { beforeEach(() => { spyOn(store, 'dispatch').and.returnValue(Promise.resolve()); }); it('dispatches branch actions', done => { openBranch(store, branch) .then(() => { expect(store.dispatch.calls.allArgs()).toEqual([ ['setCurrentBranchId', branchId], ['loadBranch', { projectId, branchId }], ['loadFile', { basePath: undefined }], ]); }) .then(done) .catch(done.fail); }); }); describe('non-existent branch', () => { beforeEach(() => { spyOn(store, 'dispatch').and.returnValue(Promise.reject()); }); it('dispatches correct branch actions', done => { openBranch(store, branch) .then(() => { expect(store.dispatch.calls.allArgs()).toEqual([ ['setCurrentBranchId', branchId], ['loadBranch', { projectId, branchId }], ]); }) .then(done) .catch(done.fail); }); }); }); });