diff options
Diffstat (limited to 'spec/frontend/add_context_commits_modal/store')
-rw-r--r-- | spec/frontend/add_context_commits_modal/store/actions_spec.js | 239 | ||||
-rw-r--r-- | spec/frontend/add_context_commits_modal/store/mutations_spec.js | 156 |
2 files changed, 395 insertions, 0 deletions
diff --git a/spec/frontend/add_context_commits_modal/store/actions_spec.js b/spec/frontend/add_context_commits_modal/store/actions_spec.js new file mode 100644 index 00000000000..24948dd6073 --- /dev/null +++ b/spec/frontend/add_context_commits_modal/store/actions_spec.js @@ -0,0 +1,239 @@ +import MockAdapter from 'axios-mock-adapter'; +import { TEST_HOST } from 'helpers/test_constants'; +import axios from '~/lib/utils/axios_utils'; +import { + setBaseConfig, + setTabIndex, + setCommits, + createContextCommits, + fetchContextCommits, + setContextCommits, + removeContextCommits, + setSelectedCommits, + setSearchText, + setToRemoveCommits, + resetModalState, +} from '~/add_context_commits_modal/store/actions'; +import * as types from '~/add_context_commits_modal/store/mutation_types'; +import testAction from '../../helpers/vuex_action_helper'; + +describe('AddContextCommitsModalStoreActions', () => { + const contextCommitEndpoint = + '/api/v4/projects/gitlab-org%2fgitlab/merge_requests/1/context_commits'; + const mergeRequestIid = 1; + const projectId = 1; + const projectPath = 'gitlab-org/gitlab'; + const contextCommitsPath = `${TEST_HOST}/gitlab-org/gitlab/-/merge_requests/1/context_commits.json`; + const dummyCommit = { + id: 1, + title: 'dummy commit', + short_id: 'abcdef', + committed_date: '2020-06-12', + }; + gon.api_version = 'v4'; + let mock; + + beforeEach(() => { + mock = new MockAdapter(axios); + }); + + afterEach(() => { + mock.restore(); + }); + + describe('setBaseConfig', () => { + it('commits SET_BASE_CONFIG', done => { + const options = { contextCommitsPath, mergeRequestIid, projectId }; + testAction( + setBaseConfig, + options, + { + contextCommitsPath: '', + mergeRequestIid, + projectId, + }, + [ + { + type: types.SET_BASE_CONFIG, + payload: options, + }, + ], + [], + done, + ); + }); + }); + + describe('setTabIndex', () => { + it('commits SET_TABINDEX', done => { + testAction( + setTabIndex, + { tabIndex: 1 }, + { tabIndex: 0 }, + [{ type: types.SET_TABINDEX, payload: { tabIndex: 1 } }], + [], + done, + ); + }); + }); + + describe('setCommits', () => { + it('commits SET_COMMITS', done => { + testAction( + setCommits, + { commits: [], silentAddition: false }, + { isLoadingCommits: false, commits: [] }, + [{ type: types.SET_COMMITS, payload: [] }], + [], + done, + ); + }); + + it('commits SET_COMMITS_SILENT', done => { + testAction( + setCommits, + { commits: [], silentAddition: true }, + { isLoadingCommits: true, commits: [] }, + [{ type: types.SET_COMMITS_SILENT, payload: [] }], + [], + done, + ); + }); + }); + + describe('createContextCommits', () => { + it('calls API to create context commits', done => { + mock.onPost(contextCommitEndpoint).reply(200, {}); + + testAction(createContextCommits, { commits: [] }, {}, [], [], done); + + createContextCommits( + { state: { projectId, mergeRequestIid }, commit: () => null }, + { commits: [] }, + ) + .then(() => { + done(); + }) + .catch(done.fail); + }); + }); + + describe('fetchContextCommits', () => { + beforeEach(() => { + mock + .onGet( + `/api/${gon.api_version}/projects/gitlab-org%2Fgitlab/merge_requests/1/context_commits`, + ) + .reply(200, [dummyCommit]); + }); + it('commits FETCH_CONTEXT_COMMITS', done => { + const contextCommit = { ...dummyCommit, isSelected: true }; + testAction( + fetchContextCommits, + null, + { + mergeRequestIid, + projectId: projectPath, + isLoadingContextCommits: false, + contextCommitsLoadingError: false, + commits: [], + }, + [{ type: types.FETCH_CONTEXT_COMMITS }], + [ + { type: 'setContextCommits', payload: [contextCommit] }, + { type: 'setCommits', payload: { commits: [contextCommit], silentAddition: true } }, + { type: 'setSelectedCommits', payload: [contextCommit] }, + ], + done, + ); + }); + }); + + describe('setContextCommits', () => { + it('commits SET_CONTEXT_COMMITS', done => { + testAction( + setContextCommits, + { data: [] }, + { contextCommits: [], isLoadingContextCommits: false }, + [{ type: types.SET_CONTEXT_COMMITS, payload: { data: [] } }], + [], + done, + ); + }); + }); + + describe('removeContextCommits', () => { + beforeEach(() => { + mock + .onDelete('/api/v4/projects/gitlab-org%2Fgitlab/merge_requests/1/context_commits') + .reply(204); + }); + it('calls API to remove context commits', done => { + testAction( + removeContextCommits, + { forceReload: false }, + { mergeRequestIid, projectId, toRemoveCommits: [] }, + [], + [], + done, + ); + }); + }); + + describe('setSelectedCommits', () => { + it('commits SET_SELECTED_COMMITS', done => { + testAction( + setSelectedCommits, + [dummyCommit], + { selectedCommits: [] }, + [{ type: types.SET_SELECTED_COMMITS, payload: [dummyCommit] }], + [], + done, + ); + }); + }); + + describe('setSearchText', () => { + it('commits SET_SEARCH_TEXT', done => { + const searchText = 'Dummy Text'; + testAction( + setSearchText, + searchText, + { searchText: '' }, + [{ type: types.SET_SEARCH_TEXT, payload: searchText }], + [], + done, + ); + }); + }); + + describe('setToRemoveCommits', () => { + it('commits SET_TO_REMOVE_COMMITS', done => { + const commitId = 'abcde'; + + testAction( + setToRemoveCommits, + [commitId], + { toRemoveCommits: [] }, + [{ type: types.SET_TO_REMOVE_COMMITS, payload: [commitId] }], + [], + done, + ); + }); + }); + + describe('resetModalState', () => { + it('commits RESET_MODAL_STATE', done => { + const commitId = 'abcde'; + + testAction( + resetModalState, + null, + { toRemoveCommits: [commitId] }, + [{ type: types.RESET_MODAL_STATE }], + [], + done, + ); + }); + }); +}); diff --git a/spec/frontend/add_context_commits_modal/store/mutations_spec.js b/spec/frontend/add_context_commits_modal/store/mutations_spec.js new file mode 100644 index 00000000000..22f82570ab1 --- /dev/null +++ b/spec/frontend/add_context_commits_modal/store/mutations_spec.js @@ -0,0 +1,156 @@ +import { TEST_HOST } from 'helpers/test_constants'; +import mutations from '~/add_context_commits_modal/store/mutations'; +import * as types from '~/add_context_commits_modal/store/mutation_types'; +import getDiffWithCommit from '../../diffs/mock_data/diff_with_commit'; + +describe('AddContextCommitsModalStoreMutations', () => { + const { commit } = getDiffWithCommit(); + describe('SET_BASE_CONFIG', () => { + it('should set contextCommitsPath, mergeRequestIid and projectId', () => { + const state = {}; + const contextCommitsPath = `${TEST_HOST}/gitlab-org/gitlab/-/merge_requests/1/context_commits.json`; + const mergeRequestIid = 1; + const projectId = 1; + + mutations[types.SET_BASE_CONFIG](state, { contextCommitsPath, mergeRequestIid, projectId }); + + expect(state.contextCommitsPath).toEqual(contextCommitsPath); + expect(state.mergeRequestIid).toEqual(mergeRequestIid); + expect(state.projectId).toEqual(projectId); + }); + }); + + describe('SET_TABINDEX', () => { + it('sets tabIndex to specific index', () => { + const state = { tabIndex: 0 }; + + mutations[types.SET_TABINDEX](state, 1); + + expect(state.tabIndex).toBe(1); + }); + }); + + describe('FETCH_COMMITS', () => { + it('sets isLoadingCommits to true', () => { + const state = { isLoadingCommits: false }; + + mutations[types.FETCH_COMMITS](state); + + expect(state.isLoadingCommits).toBe(true); + }); + }); + + describe('SET_COMMITS', () => { + it('sets commits to passed data and stop loading', () => { + const state = { commits: [], isLoadingCommits: true }; + + mutations[types.SET_COMMITS](state, [commit]); + + expect(state.commits).toStrictEqual([commit]); + expect(state.isLoadingCommits).toBe(false); + }); + }); + + describe('SET_COMMITS_SILENT', () => { + it('sets commits to passed data and loading continues', () => { + const state = { commits: [], isLoadingCommits: true }; + + mutations[types.SET_COMMITS_SILENT](state, [commit]); + + expect(state.commits).toStrictEqual([commit]); + expect(state.isLoadingCommits).toBe(true); + }); + }); + + describe('FETCH_COMMITS_ERROR', () => { + it('sets commitsLoadingError to true', () => { + const state = { commitsLoadingError: false }; + + mutations[types.FETCH_COMMITS_ERROR](state); + + expect(state.commitsLoadingError).toBe(true); + }); + }); + + describe('FETCH_CONTEXT_COMMITS', () => { + it('sets isLoadingContextCommits to true', () => { + const state = { isLoadingContextCommits: false }; + + mutations[types.FETCH_CONTEXT_COMMITS](state); + + expect(state.isLoadingContextCommits).toBe(true); + }); + }); + + describe('SET_CONTEXT_COMMITS', () => { + it('sets contextCommit to passed data and stop loading', () => { + const state = { contextCommits: [], isLoadingContextCommits: true }; + + mutations[types.SET_CONTEXT_COMMITS](state, [commit]); + + expect(state.contextCommits).toStrictEqual([commit]); + expect(state.isLoadingContextCommits).toBe(false); + }); + }); + + describe('FETCH_CONTEXT_COMMITS_ERROR', () => { + it('sets contextCommitsLoadingError to true', () => { + const state = { contextCommitsLoadingError: false }; + + mutations[types.FETCH_CONTEXT_COMMITS_ERROR](state); + + expect(state.contextCommitsLoadingError).toBe(true); + }); + }); + + describe('SET_SELECTED_COMMITS', () => { + it('sets selectedCommits to specified value', () => { + const state = { selectedCommits: [] }; + + mutations[types.SET_SELECTED_COMMITS](state, [commit]); + + expect(state.selectedCommits).toStrictEqual([commit]); + }); + }); + + describe('SET_SEARCH_TEXT', () => { + it('sets searchText to specified value', () => { + const searchText = 'Test'; + const state = { searchText: '' }; + + mutations[types.SET_SEARCH_TEXT](state, searchText); + + expect(state.searchText).toBe(searchText); + }); + }); + + describe('SET_TO_REMOVE_COMMITS', () => { + it('sets searchText to specified value', () => { + const state = { toRemoveCommits: [] }; + + mutations[types.SET_TO_REMOVE_COMMITS](state, [commit.short_id]); + + expect(state.toRemoveCommits).toStrictEqual([commit.short_id]); + }); + }); + + describe('RESET_MODAL_STATE', () => { + it('sets searchText to specified value', () => { + const state = { + commits: [commit], + contextCommits: [commit], + selectedCommits: [commit], + toRemoveCommits: [commit.short_id], + searchText: 'Test', + }; + + mutations[types.RESET_MODAL_STATE](state); + + expect(state.commits).toStrictEqual([]); + expect(state.contextCommits).toStrictEqual([]); + expect(state.selectedCommits).toStrictEqual([]); + expect(state.toRemoveCommits).toStrictEqual([]); + expect(state.searchText).toBe(''); + }); + }); +}); |