Testowanie połączenia z Sinon Axios z Redux i karmy

Question

Witam w dokumentacji Redux do testowania muszą mieć ten przykład, aby przetestować połączenia API:

import configureMockStore from 'redux-mock-store' 
import thunk from 'redux-thunk' 
import * as actions from '../../actions/counter' 
import * as types from '../../constants/ActionTypes' 
import nock from 'nock' 

const middlewares = [ thunk ] 
const mockStore = configureMockStore(middlewares) 

describe('async actions',() => { 
    afterEach(() => { 
    nock.cleanAll() 
    }) 

    it('creates FETCH_TODOS_SUCCESS when fetching todos has been done', (done) => { 
    nock('http://example.com/') 
     .get('/todos') 
     .reply(200, { body: { todos: ['do something'] }}) 

    const expectedActions = [ 
     { type: types.FETCH_TODOS_REQUEST }, 
     { type: types.FETCH_TODOS_SUCCESS, body: { todos: ['do something'] } } 
    ] 
    const store = mockStore({ todos: [] }, expectedActions, done) 
    store.dispatch(actions.fetchTodos()) 
    }) 
}) 

używam testowego karma otoczenie, i myślę, że mogę użyj testu nock, aby to przetestować. Więc szukałem testowania tego, używając zamiast tego Sinona. Problem polega na tym, że nie rozumiem, w jaki sposób testowałem używając tego, ponieważ nie przekazuję wywołań zwrotnych do mojego wywołania funkcji API. Używam osi do wywoływania mojego zewnętrznego interfejsu API.

Answer 1

Nie jestem ekspertem od akcji asynchronicznych, ponieważ w mojej aplikacji testuję wszystkie te rzeczy osobno (twórca akcji, wywołania api z nock kpiąc z usługi, zachowanie asynchroniczne dzięki saga, jednak w kodzie redux docs wygląda tak

const store = mockStore({ todos: [] }) 

    return store.dispatch(actions.fetchTodos()) 
     .then(() => { // return of async actions 
     expect(store.getActions()).toEqual(expectedActions) 
     }) 

Więc wysyłka zwraca swoje działania asynchronicznej, i trzeba zdać egzamin w funkcji, która zostanie wykonana, gdy działanie asynchroniczny rozwiązuje. Nock'ing punkt końcowy powinien działać dobrze.

Answer 2

do tego powinieneś użyć axios-mock-adapter

Przykład:

import MockAdapter from 'axios-mock-adapter'; 
import axios from 'axios'; 
import thunk from 'redux-thunk'; 
import configureMockStore from 'redux-mock-store'; 
import * as actionTypes from './userConstants'; 
import * as actions from './userActions'; 


const mockAxios = new MockAdapter(axios); 
const mockStore = configureMockStore(middlewares); 

describe('fetchCurrentUser',() => { 
    afterEach(() => { 
    mockAxios.reset(); 
    }); 

    context('when request succeeds',() => { 
    it('dispatches FETCH_CURRENT_USER_SUCCESS',() => { 
     mockAxios.onGet('/api/v1/user/current').reply(200, {}); 

     const expectedActions = [ 
     { type: actionTypes.SET_IS_FETCHING_CURRENT_USER }, 
     { type: actionTypes.FETCH_CURRENT_USER_SUCCESS, user: {} } 
     ]; 

     const store = mockStore({ users: Map() }); 

     return store.dispatch(actions.fetchCurrentUser()).then(() => 
     expect(store.getActions()).to.eql(expectedActions) 
    ); 
    }); 
    });