Skip to content

G
gitlab-ce
Commit ae60c6c0 authored by Mike Greiling's avatar Mike Greiling
Browse files
Options

Merge branch 'winh-remove-vue-resource-from-notes-service' into 'master' 

Remove vue-resource from NotesService

Closes #31359

See merge request gitlab-org/gitlab!16569
parents e34a67b9 0f281cea
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 221 deletions
app/assets/javascripts/notes/services/notes_service.js
View file @ ae60c6c0
import Vue from 'vue'; import axios from '~/lib/utils/axios_utils';
import VueResource from 'vue-resource';
import * as constants from '../constants'; import * as constants from '../constants';
Vue.use(VueResource);
export default { export default {
fetchDiscussions(endpoint, filter, persistFilter = true) { fetchDiscussions(endpoint, filter, persistFilter = true) {
const config = const config =
filter !== undefined filter !== undefined
? { params: { notes_filter: filter, persist_filter: persistFilter } } ? { params: { notes_filter: filter, persist_filter: persistFilter } }
: null; : null;
return Vue.http.get(endpoint, config); return axios.get(endpoint, config);
}, },
replyToDiscussion(endpoint, data) { replyToDiscussion(endpoint, data) {
return Vue.http.post(endpoint, data, { emulateJSON: true }); return axios.post(endpoint, data);
}, },
updateNote(endpoint, data) { updateNote(endpoint, data) {
return Vue.http.put(endpoint, data, { emulateJSON: true }); return axios.put(endpoint, data);
}, },
createNewNote(endpoint, data) { createNewNote(endpoint, data) {
return Vue.http.post(endpoint, data, { emulateJSON: true }); return axios.post(endpoint, data);
}, },
toggleResolveNote(endpoint, isResolved) { toggleResolveNote(endpoint, isResolved) {
const { RESOLVE_NOTE_METHOD_NAME, UNRESOLVE_NOTE_METHOD_NAME } = constants; const { RESOLVE_NOTE_METHOD_NAME, UNRESOLVE_NOTE_METHOD_NAME } = constants;
const method = isResolved ? UNRESOLVE_NOTE_METHOD_NAME : RESOLVE_NOTE_METHOD_NAME; const method = isResolved ? UNRESOLVE_NOTE_METHOD_NAME : RESOLVE_NOTE_METHOD_NAME;
return Vue.http[method](endpoint); return axios[method](endpoint);
}, },
poll(data = {}) { poll(data = {}) {
const endpoint = data.notesData.notesPath; const endpoint = data.notesData.notesPath;
...@@ -36,9 +33,9 @@ export default { ...@@ -36,9 +33,9 @@ export default {
}, },
}; };
return Vue.http.get(endpoint, options); return axios.get(endpoint, options);
}, },
toggleIssueState(endpoint, data) { toggleIssueState(endpoint, data) {
return Vue.http.put(endpoint, data); return axios.put(endpoint, data);
}, },
}; };
app/assets/javascripts/notes/stores/actions.js
View file @ ae60c6c0
...@@ -47,13 +47,10 @@ export const setNotesFetchedState = ({ commit }, state) => ...@@ -47,13 +47,10 @@ export const setNotesFetchedState = ({ commit }, state) =>
export const toggleDiscussion = ({ commit }, data) => commit(types.TOGGLE_DISCUSSION, data); export const toggleDiscussion = ({ commit }, data) => commit(types.TOGGLE_DISCUSSION, data);
export const fetchDiscussions = ({ commit, dispatch }, { path, filter, persistFilter }) => export const fetchDiscussions = ({ commit, dispatch }, { path, filter, persistFilter }) =>
service service.fetchDiscussions(path, filter, persistFilter).then(({ data }) => {
.fetchDiscussions(path, filter, persistFilter) commit(types.SET_INITIAL_DISCUSSIONS, data);
.then(res => res.json()) dispatch('updateResolvableDiscussionsCounts');
.then(discussions => { });
commit(types.SET_INITIAL_DISCUSSIONS, discussions);
dispatch('updateResolvableDiscussionsCounts');
});
export const updateDiscussion = ({ commit, state }, discussion) => { export const updateDiscussion = ({ commit, state }, discussion) => {
commit(types.UPDATE_DISCUSSION, discussion); commit(types.UPDATE_DISCUSSION, discussion);
...@@ -80,13 +77,10 @@ export const deleteNote = ({ dispatch }, note) => ...@@ -80,13 +77,10 @@ export const deleteNote = ({ dispatch }, note) =>
}); });
export const updateNote = ({ commit, dispatch }, { endpoint, note }) => export const updateNote = ({ commit, dispatch }, { endpoint, note }) =>
service service.updateNote(endpoint, note).then(({ data }) => {
.updateNote(endpoint, note) commit(types.UPDATE_NOTE, data);
.then(res => res.json()) dispatch('startTaskList');
.then(res => { });
commit(types.UPDATE_NOTE, res);
dispatch('startTaskList');
});
export const updateOrCreateNotes = ({ commit, state, getters, dispatch }, notes) => { export const updateOrCreateNotes = ({ commit, state, getters, dispatch }, notes) => {
const { notesById } = getters; const { notesById } = getters;
...@@ -110,40 +104,37 @@ export const updateOrCreateNotes = ({ commit, state, getters, dispatch }, notes) ...@@ -110,40 +104,37 @@ export const updateOrCreateNotes = ({ commit, state, getters, dispatch }, notes)
}); });
}; };
export const replyToDiscussion = ({ commit, state, getters, dispatch }, { endpoint, data }) => export const replyToDiscussion = (
service { commit, state, getters, dispatch },
.replyToDiscussion(endpoint, data) { endpoint, data: reply },
.then(res => res.json()) ) =>
.then(res => { service.replyToDiscussion(endpoint, reply).then(({ data }) => {
if (res.discussion) { if (data.discussion) {
commit(types.UPDATE_DISCUSSION, res.discussion); commit(types.UPDATE_DISCUSSION, data.discussion);
updateOrCreateNotes({ commit, state, getters, dispatch }, res.discussion.notes); updateOrCreateNotes({ commit, state, getters, dispatch }, data.discussion.notes);
dispatch('updateMergeRequestWidget'); dispatch('updateMergeRequestWidget');
dispatch('startTaskList'); dispatch('startTaskList');
dispatch('updateResolvableDiscussionsCounts'); dispatch('updateResolvableDiscussionsCounts');
} else { } else {
commit(types.ADD_NEW_REPLY_TO_DISCUSSION, res); commit(types.ADD_NEW_REPLY_TO_DISCUSSION, data);
} }
return res; return data;
}); });
export const createNewNote = ({ commit, dispatch }, { endpoint, data }) => export const createNewNote = ({ commit, dispatch }, { endpoint, data: reply }) =>
service service.createNewNote(endpoint, reply).then(({ data }) => {
.createNewNote(endpoint, data) if (!data.errors) {
.then(res => res.json()) commit(types.ADD_NEW_NOTE, data);
.then(res => {
if (!res.errors) { dispatch('updateMergeRequestWidget');
commit(types.ADD_NEW_NOTE, res); dispatch('startTaskList');
dispatch('updateResolvableDiscussionsCounts');
dispatch('updateMergeRequestWidget'); }
dispatch('startTaskList'); return data;
dispatch('updateResolvableDiscussionsCounts'); });
}
return res;
});
export const removePlaceholderNotes = ({ commit }) => commit(types.REMOVE_PLACEHOLDER_NOTES); export const removePlaceholderNotes = ({ commit }) => commit(types.REMOVE_PLACEHOLDER_NOTES);
...@@ -165,41 +156,32 @@ export const resolveDiscussion = ({ state, dispatch, getters }, { discussionId } ...@@ -165,41 +156,32 @@ export const resolveDiscussion = ({ state, dispatch, getters }, { discussionId }
}; };
export const toggleResolveNote = ({ commit, dispatch }, { endpoint, isResolved, discussion }) => export const toggleResolveNote = ({ commit, dispatch }, { endpoint, isResolved, discussion }) =>
service service.toggleResolveNote(endpoint, isResolved).then(({ data }) => {
.toggleResolveNote(endpoint, isResolved) const mutationType = discussion ? types.UPDATE_DISCUSSION : types.UPDATE_NOTE;
.then(res => res.json())
.then(res => {
const mutationType = discussion ? types.UPDATE_DISCUSSION : types.UPDATE_NOTE;
commit(mutationType, res); commit(mutationType, data);
dispatch('updateResolvableDiscussionsCounts'); dispatch('updateResolvableDiscussionsCounts');
dispatch('updateMergeRequestWidget'); dispatch('updateMergeRequestWidget');
}); });
export const closeIssue = ({ commit, dispatch, state }) => { export const closeIssue = ({ commit, dispatch, state }) => {
dispatch('toggleStateButtonLoading', true); dispatch('toggleStateButtonLoading', true);
return service return service.toggleIssueState(state.notesData.closePath).then(({ data }) => {
.toggleIssueState(state.notesData.closePath) commit(types.CLOSE_ISSUE);
.then(res => res.json()) dispatch('emitStateChangedEvent', data);
.then(data => { dispatch('toggleStateButtonLoading', false);
commit(types.CLOSE_ISSUE); });
dispatch('emitStateChangedEvent', data);
dispatch('toggleStateButtonLoading', false);
});
}; };
export const reopenIssue = ({ commit, dispatch, state }) => { export const reopenIssue = ({ commit, dispatch, state }) => {
dispatch('toggleStateButtonLoading', true); dispatch('toggleStateButtonLoading', true);
return service return service.toggleIssueState(state.notesData.reopenPath).then(({ data }) => {
.toggleIssueState(state.notesData.reopenPath) commit(types.REOPEN_ISSUE);
.then(res => res.json()) dispatch('emitStateChangedEvent', data);
.then(data => { dispatch('toggleStateButtonLoading', false);
commit(types.REOPEN_ISSUE); });
dispatch('emitStateChangedEvent', data);
dispatch('toggleStateButtonLoading', false);
});
}; };
export const toggleStateButtonLoading = ({ commit }, value) => export const toggleStateButtonLoading = ({ commit }, value) =>
...@@ -340,8 +322,7 @@ export const poll = ({ commit, state, getters, dispatch }) => { ...@@ -340,8 +322,7 @@ export const poll = ({ commit, state, getters, dispatch }) => {
resource: service, resource: service,
method: 'poll', method: 'poll',
data: state, data: state,
successCallback: resp => successCallback: ({ data }) => pollSuccessCallBack(data, commit, state, getters, dispatch),
resp.json().then(data => pollSuccessCallBack(data, commit, state, getters, dispatch)),
errorCallback: () => Flash(__('Something went wrong while fetching latest comments.')), errorCallback: () => Flash(__('Something went wrong while fetching latest comments.')),
}); });
...@@ -376,8 +357,7 @@ export const fetchData = ({ commit, state, getters }) => { ...@@ -376,8 +357,7 @@ export const fetchData = ({ commit, state, getters }) => {
service service
.poll(requestData) .poll(requestData)
.then(resp => resp.json) .then(({ data }) => pollSuccessCallBack(data, commit, state, getters))
.then(data => pollSuccessCallBack(data, commit, state, getters))
.catch(() => Flash(__('Something went wrong while fetching latest comments.'))); .catch(() => Flash(__('Something went wrong while fetching latest comments.')));
}; };
......
changelogs/unreleased/remove-vue-resource-from-notes-service.yml 0 → 100644
View file @ ae60c6c0
---
title: Remove vue-resource from notes service
merge_request: 32934
author: Lee Tickett
type: other
spec/frontend/notes/components/note_app_spec.js
View file @ ae60c6c0
import $ from 'helpers/jquery'; import $ from 'helpers/jquery';
import AxiosMockAdapter from 'axios-mock-adapter';
import axios from '~/lib/utils/axios_utils';
import Vue from 'vue'; import Vue from 'vue';
import { mount, createLocalVue } from '@vue/test-utils'; import { mount, createLocalVue } from '@vue/test-utils';
import NotesApp from '~/notes/components/notes_app.vue'; import NotesApp from '~/notes/components/notes_app.vue';
...@@ -9,19 +11,10 @@ import { setTestTimeout } from 'helpers/timeout'; ...@@ -9,19 +11,10 @@ import { setTestTimeout } from 'helpers/timeout';
// TODO: use generated fixture (https://gitlab.com/gitlab-org/gitlab-ce/issues/62491) // TODO: use generated fixture (https://gitlab.com/gitlab-org/gitlab-ce/issues/62491)
import * as mockData from '../../../javascripts/notes/mock_data'; import * as mockData from '../../../javascripts/notes/mock_data';
const originalInterceptors = [...Vue.http.interceptors];
const emptyResponseInterceptor = (request, next) => {
next(
request.respondWith(JSON.stringify([]), {
status: 200,
}),
);
};
setTestTimeout(1000); setTestTimeout(1000);
describe('note_app', () => { describe('note_app', () => {
let axiosMock;
let mountComponent; let mountComponent;
let wrapper; let wrapper;
let store; let store;
...@@ -45,6 +38,8 @@ describe('note_app', () => { ...@@ -45,6 +38,8 @@ describe('note_app', () => {
beforeEach(() => { beforeEach(() => {
$('body').attr('data-page', 'projects:merge_requests:show'); $('body').attr('data-page', 'projects:merge_requests:show');
axiosMock = new AxiosMockAdapter(axios);
store = createStore(); store = createStore();
mountComponent = data => { mountComponent = data => {
const propsData = data || { const propsData = data || {
...@@ -74,12 +69,12 @@ describe('note_app', () => { ...@@ -74,12 +69,12 @@ describe('note_app', () => {
afterEach(() => { afterEach(() => {
wrapper.destroy(); wrapper.destroy();
Vue.http.interceptors = [...originalInterceptors]; axiosMock.restore();
}); });
describe('set data', () => { describe('set data', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(emptyResponseInterceptor); axiosMock.onAny().reply(200, []);
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
}); });
...@@ -105,7 +100,7 @@ describe('note_app', () => { ...@@ -105,7 +100,7 @@ describe('note_app', () => {
beforeEach(() => { beforeEach(() => {
setFixtures('<div class="js-discussions-count"></div>'); setFixtures('<div class="js-discussions-count"></div>');
Vue.http.interceptors.push(mockData.individualNoteInterceptor); axiosMock.onAny().reply(mockData.getIndividualNoteResponse);
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
}); });
...@@ -146,7 +141,7 @@ describe('note_app', () => { ...@@ -146,7 +141,7 @@ describe('note_app', () => {
beforeEach(() => { beforeEach(() => {
setFixtures('<div class="js-discussions-count"></div>'); setFixtures('<div class="js-discussions-count"></div>');
Vue.http.interceptors.push(mockData.individualNoteInterceptor); axiosMock.onAny().reply(mockData.getIndividualNoteResponse);
store.state.commentsDisabled = true; store.state.commentsDisabled = true;
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
...@@ -163,7 +158,7 @@ describe('note_app', () => { ...@@ -163,7 +158,7 @@ describe('note_app', () => {
describe('while fetching data', () => { describe('while fetching data', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(emptyResponseInterceptor); axiosMock.onAny().reply(200, []);
wrapper = mountComponent(); wrapper = mountComponent();
}); });
...@@ -184,7 +179,7 @@ describe('note_app', () => { ...@@ -184,7 +179,7 @@ describe('note_app', () => {
describe('update note', () => { describe('update note', () => {
describe('individual note', () => { describe('individual note', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(mockData.individualNoteInterceptor); axiosMock.onAny().reply(mockData.getIndividualNoteResponse);
jest.spyOn(service, 'updateNote'); jest.spyOn(service, 'updateNote');
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest().then(() => { return waitForDiscussionsRequest().then(() => {
...@@ -206,7 +201,7 @@ describe('note_app', () => { ...@@ -206,7 +201,7 @@ describe('note_app', () => {
describe('discussion note', () => { describe('discussion note', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(mockData.discussionNoteInterceptor); axiosMock.onAny().reply(mockData.getDiscussionNoteResponse);
jest.spyOn(service, 'updateNote'); jest.spyOn(service, 'updateNote');
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest().then(() => { return waitForDiscussionsRequest().then(() => {
...@@ -229,7 +224,7 @@ describe('note_app', () => { ...@@ -229,7 +224,7 @@ describe('note_app', () => {
describe('new note form', () => { describe('new note form', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(mockData.individualNoteInterceptor); axiosMock.onAny().reply(mockData.getIndividualNoteResponse);
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
}); });
...@@ -259,7 +254,7 @@ describe('note_app', () => { ...@@ -259,7 +254,7 @@ describe('note_app', () => {
describe('edit form', () => { describe('edit form', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(mockData.individualNoteInterceptor); axiosMock.onAny().reply(mockData.getIndividualNoteResponse);
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
}); });
...@@ -287,7 +282,7 @@ describe('note_app', () => { ...@@ -287,7 +282,7 @@ describe('note_app', () => {
describe('emoji awards', () => { describe('emoji awards', () => {
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(emptyResponseInterceptor); axiosMock.onAny().reply(200, []);
wrapper = mountComponent(); wrapper = mountComponent();
return waitForDiscussionsRequest(); return waitForDiscussionsRequest();
}); });
......
spec/javascripts/notes/mock_data.js
View file @ ae60c6c0
...@@ -647,24 +647,12 @@ export const DISCUSSION_NOTE_RESPONSE_MAP = { ...@@ -647,24 +647,12 @@ export const DISCUSSION_NOTE_RESPONSE_MAP = {
}, },
}; };
export function individualNoteInterceptor(request, next) { export function getIndividualNoteResponse(config) {
const body = INDIVIDUAL_NOTE_RESPONSE_MAP[request.method.toUpperCase()][request.url]; return [200, INDIVIDUAL_NOTE_RESPONSE_MAP[config.method.toUpperCase()][config.url]];
next(
request.respondWith(JSON.stringify(body), {
status: 200,
}),
);
} }
export function discussionNoteInterceptor(request, next) { export function getDiscussionNoteResponse(config) {
const body = DISCUSSION_NOTE_RESPONSE_MAP[request.method.toUpperCase()][request.url]; return [200, DISCUSSION_NOTE_RESPONSE_MAP[config.method.toUpperCase()][config.url]];
next(
request.respondWith(JSON.stringify(body), {
status: 200,
}),
);
} }
export const notesWithDescriptionChanges = [ export const notesWithDescriptionChanges = [
......
spec/javascripts/notes/stores/actions_spec.js
View file @ ae60c6c0
import Vue from 'vue';
import $ from 'jquery'; import $ from 'jquery';
import _ from 'underscore';
import Api from '~/api'; import Api from '~/api';
import { TEST_HOST } from 'spec/test_constants'; import { TEST_HOST } from 'spec/test_constants';
import { headersInterceptor } from 'spec/helpers/vue_resource_helper';
import actionsModule, * as actions from '~/notes/stores/actions'; import actionsModule, * as actions from '~/notes/stores/actions';
import * as mutationTypes from '~/notes/stores/mutation_types'; import * as mutationTypes from '~/notes/stores/mutation_types';
import * as notesConstants from '~/notes/constants'; import * as notesConstants from '~/notes/constants';
...@@ -29,6 +26,7 @@ describe('Actions Notes Store', () => { ...@@ -29,6 +26,7 @@ describe('Actions Notes Store', () => {
let state; let state;
let store; let store;
let flashSpy; let flashSpy;
let axiosMock;
beforeEach(() => { beforeEach(() => {
store = createStore(); store = createStore();
...@@ -36,10 +34,12 @@ describe('Actions Notes Store', () => { ...@@ -36,10 +34,12 @@ describe('Actions Notes Store', () => {
dispatch = jasmine.createSpy('dispatch'); dispatch = jasmine.createSpy('dispatch');
state = {}; state = {};
flashSpy = spyOnDependency(actionsModule, 'Flash'); flashSpy = spyOnDependency(actionsModule, 'Flash');
axiosMock = new AxiosMockAdapter(axios);
}); });
afterEach(() => { afterEach(() => {
resetStore(store); resetStore(store);
axiosMock.restore();
}); });
describe('setNotesData', () => { describe('setNotesData', () => {
...@@ -160,20 +160,8 @@ describe('Actions Notes Store', () => { ...@@ -160,20 +160,8 @@ describe('Actions Notes Store', () => {
}); });
describe('async methods', () => { describe('async methods', () => {
const interceptor = (request, next) => {
next(
request.respondWith(JSON.stringify({}), {
status: 200,
}),
);
};
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(interceptor); axiosMock.onAny().reply(200, {});
});
afterEach(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
}); });
describe('closeIssue', () => { describe('closeIssue', () => {
...@@ -259,7 +247,7 @@ describe('Actions Notes Store', () => { ...@@ -259,7 +247,7 @@ describe('Actions Notes Store', () => {
beforeEach(done => { beforeEach(done => {
jasmine.clock().install(); jasmine.clock().install();
spyOn(Vue.http, 'get').and.callThrough(); spyOn(axios, 'get').and.callThrough();
store store
.dispatch('setNotesData', notesDataMock) .dispatch('setNotesData', notesDataMock)
...@@ -272,31 +260,15 @@ describe('Actions Notes Store', () => { ...@@ -272,31 +260,15 @@ describe('Actions Notes Store', () => {
}); });
it('calls service with last fetched state', done => { it('calls service with last fetched state', done => {
const interceptor = (request, next) => { axiosMock
next( .onAny()
request.respondWith( .reply(200, { notes: [], last_fetched_at: '123456' }, { 'poll-interval': '1000' });
JSON.stringify({
notes: [],
last_fetched_at: '123456',
}),
{
status: 200,
headers: {
'poll-interval': '1000',
},
},
),
);
};
Vue.http.interceptors.push(interceptor);
Vue.http.interceptors.push(headersInterceptor);
store store
.dispatch('poll') .dispatch('poll')
.then(() => new Promise(resolve => requestAnimationFrame(resolve))) .then(() => new Promise(resolve => requestAnimationFrame(resolve)))
.then(() => { .then(() => {
expect(Vue.http.get).toHaveBeenCalled(); expect(axios.get).toHaveBeenCalled();
expect(store.state.lastFetchedAt).toBe('123456'); expect(store.state.lastFetchedAt).toBe('123456');
jasmine.clock().tick(1500); jasmine.clock().tick(1500);
...@@ -308,16 +280,12 @@ describe('Actions Notes Store', () => { ...@@ -308,16 +280,12 @@ describe('Actions Notes Store', () => {
}), }),
) )
.then(() => { .then(() => {
expect(Vue.http.get.calls.count()).toBe(2); expect(axios.get.calls.count()).toBe(2);
expect(Vue.http.get.calls.mostRecent().args[1].headers).toEqual({ expect(axios.get.calls.mostRecent().args[1].headers).toEqual({
'X-Last-Fetched-At': '123456', 'X-Last-Fetched-At': '123456',
}); });
}) })
.then(() => store.dispatch('stopPolling')) .then(() => store.dispatch('stopPolling'))
.then(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
Vue.http.interceptors = _.without(Vue.http.interceptors, headersInterceptor);
})
.then(done) .then(done)
.catch(done.fail); .catch(done.fail);
}); });
...@@ -338,10 +306,8 @@ describe('Actions Notes Store', () => { ...@@ -338,10 +306,8 @@ describe('Actions Notes Store', () => {
describe('removeNote', () => { describe('removeNote', () => {
const endpoint = `${TEST_HOST}/note`; const endpoint = `${TEST_HOST}/note`;
let axiosMock;
beforeEach(() => { beforeEach(() => {
axiosMock = new AxiosMockAdapter(axios);
axiosMock.onDelete(endpoint).replyOnce(200, {}); axiosMock.onDelete(endpoint).replyOnce(200, {});
$('body').attr('data-page', ''); $('body').attr('data-page', '');
...@@ -411,10 +377,8 @@ describe('Actions Notes Store', () => { ...@@ -411,10 +377,8 @@ describe('Actions Notes Store', () => {
describe('deleteNote', () => { describe('deleteNote', () => {
const endpoint = `${TEST_HOST}/note`; const endpoint = `${TEST_HOST}/note`;
let axiosMock;
beforeEach(() => { beforeEach(() => {
axiosMock = new AxiosMockAdapter(axios);
axiosMock.onDelete(endpoint).replyOnce(200, {}); axiosMock.onDelete(endpoint).replyOnce(200, {});
$('body').attr('data-page', ''); $('body').attr('data-page', '');
...@@ -454,20 +418,9 @@ describe('Actions Notes Store', () => { ...@@ -454,20 +418,9 @@ describe('Actions Notes Store', () => {
id: 1, id: 1,
valid: true, valid: true,
}; };
const interceptor = (request, next) => {
next(
request.respondWith(JSON.stringify(res), {
status: 200,
}),
);
};
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(interceptor); axiosMock.onAny().reply(200, res);
});
afterEach(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
}); });
it('commits ADD_NEW_NOTE and dispatches updateMergeRequestWidget', done => { it('commits ADD_NEW_NOTE and dispatches updateMergeRequestWidget', done => {
...@@ -501,20 +454,9 @@ describe('Actions Notes Store', () => { ...@@ -501,20 +454,9 @@ describe('Actions Notes Store', () => {
const res = { const res = {
errors: ['error'], errors: ['error'],
}; };
const interceptor = (request, next) => {
next(
request.respondWith(JSON.stringify(res), {
status: 200,
}),
);
};
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(interceptor); axiosMock.onAny().replyOnce(200, res);
});
afterEach(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
}); });
it('does not commit ADD_NEW_NOTE or dispatch updateMergeRequestWidget', done => { it('does not commit ADD_NEW_NOTE or dispatch updateMergeRequestWidget', done => {
...@@ -534,20 +476,9 @@ describe('Actions Notes Store', () => { ...@@ -534,20 +476,9 @@ describe('Actions Notes Store', () => {
const res = { const res = {
resolved: true, resolved: true,
}; };
const interceptor = (request, next) => {
next(
request.respondWith(JSON.stringify(res), {
status: 200,
}),
);
};
beforeEach(() => { beforeEach(() => {
Vue.http.interceptors.push(interceptor); axiosMock.onAny().reply(200, res);
});
afterEach(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
}); });
describe('as note', () => { describe('as note', () => {
...@@ -720,32 +651,19 @@ describe('Actions Notes Store', () => { ...@@ -720,32 +651,19 @@ describe('Actions Notes Store', () => {
}); });
describe('replyToDiscussion', () => { describe('replyToDiscussion', () => {
let res = { discussion: { notes: [] } };
const payload = { endpoint: TEST_HOST, data: {} }; const payload = { endpoint: TEST_HOST, data: {} };
const interceptor = (request, next) => {
next(
request.respondWith(JSON.stringify(res), {
status: 200,
}),
);
};
beforeEach(() => {
Vue.http.interceptors.push(interceptor);
});
afterEach(() => {
Vue.http.interceptors = _.without(Vue.http.interceptors, interceptor);
});
it('updates discussion if response contains disussion', done => { it('updates discussion if response contains disussion', done => {
const discussion = { notes: [] };
axiosMock.onAny().reply(200, { discussion });
testAction( testAction(
actions.replyToDiscussion, actions.replyToDiscussion,
payload, payload,
{ {
notesById: {}, notesById: {},
}, },
[{ type: mutationTypes.UPDATE_DISCUSSION, payload: res.discussion }], [{ type: mutationTypes.UPDATE_DISCUSSION, payload: discussion }],
[ [
{ type: 'updateMergeRequestWidget' }, { type: 'updateMergeRequestWidget' },
{ type: 'startTaskList' }, { type: 'startTaskList' },
...@@ -756,7 +674,8 @@ describe('Actions Notes Store', () => { ...@@ -756,7 +674,8 @@ describe('Actions Notes Store', () => {
}); });
it('adds a reply to a discussion', done => { it('adds a reply to a discussion', done => {
res = {}; const res = {};
axiosMock.onAny().reply(200, res);
testAction( testAction(
actions.replyToDiscussion, actions.replyToDiscussion,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7