Как подменить при тестировании с помощью SinonJs вызов api во vuex actions?

Question

[Олег Тимошенко]

// @/api/index.js
import axios from 'axios';

export const storeTask = function(payload) {
    return axios.post(`/tasks`, payload);
};

// @/store/actions.js
import * as api from '../api';

export const saveTask = ({ commit, state }) => {
    if (!state.task.body) {
        commit('setMessage', 'Please enter a task');
        return;
    }
    return api.storeTask({ body: state.task.body }).then(res => {
        commit('prependToTasks', res.data);
        commit('setMessage', 'Task saved');
        commit('setTask', null);
    });
};

// tests/unit/actions.spec.js
import { state as initialState } from '@/store';
import sinon from 'sinon';
import { expect } from 'chai';
import * as actions from '@/store/actions'

describe('ACTIONS', () => {
    it('saveTask if a task has not been entered', () => {
        const state = {...initialState}; 
        const commit= sinon.spy();

        actions.saveTask({commit, state});

        expect(commit.args).to.deep.equal([
            ['setMessage', 'Please enter a task']
        ]);
    });

    it('saveTask if a task has been entered',  () => {
        const fakedTask = { id: 0, body: 'Test task' };
        const state = {...initialState};
        const commit= sinon.spy();    
        state.task.body = fakedTask.body; 

        actions.saveTask({ commit, state });
        // тест
    });
});

Как можно подменить с помощью SinonJs вызов api.storeTask, что бы протестировать как в первом тесте

expect(commit.args).to.deep.equal([
    ['prependToTasks', fakedTask],
    ['setMessage', 'Task saved'],
    ['setTask', null]
]);

Answer 1

[Никита Ронзин]

Не так давно делал, через useFakeXMLHttpRequest;

beforeEach(() => {
const fakeXml = sinon.useFakeXMLHttpRequest();
const requests = (this.requests = []);
fakeXml.onCreate = funciton(xhr) {
request.push(xhr);
}
})

в it после action делаем

setTimeout(() => {
this.request[0].responde(200, data);
})

и далее проверяем ответ