Redux mock store возвращает только одно действие при отправке нескольких действий

Question

Я пытаюсь смоделировать этот вызов axios:

export const fetchCountry = (query) => {
  return dispatch => {
    dispatch(fetchCountryPending());
    return axios.get(`${process.env.REACT_APP_API_URL}/api/v1/countries/?search=${query}`)
      .then(response => {
        const country = response.data;
        dispatch(fetchCountryFulfilled(country));
      })
      .catch(err => {
        dispatch(fetchCountryRejected());
        dispatch({type: "ADD_ERROR", error: err});
      })
  }
}

, который при успешном вызове должен отправить обоим создателям действия fetchCountryPending () и fetchCountryFullfilled (country).Когда я имитирую это так:

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

// Async action tests
describe('country async actions', () => {
  let store;
  let mock;

  beforeEach(function () {
    mock = new MockAdapter(axios)
    store = mockStore({ country: [], fetching: false, fetched: true })
  });

  afterEach(function () {
    mock.restore();
    store.clearActions();
  });

  it('dispatches FETCH_COUNTRY_FULFILLED after axios request', () => {
    const query = 'Aland Islands'
    mock.onGet(`${process.env.REACT_APP_API_URL}/api/v1/countries/?search=${query}`).replyOnce(200, country)
    store.dispatch(countryActions.fetchCountry(query))
    const actions = store.getActions()
    console.log(actions)
    expect(actions[0]).toEqual(countryActions.fetchCountryPending())
    expect(actions[1]).toEqual(countryActions.fetchCountryFulfilled(country))
  });
});

Второе ожидание не выполняется, и console.log (actions) показывает только массив с одним действием, но он должен содержать оба действия, fetchCountryPending и fetchCountrySuccess.Когда я регистрируюсь («отправлено»), оно показывает, что второе действие отправляется в терминал.

Answer 1

Мне не удалось заставить блок then (() => {}) работать, но я смог дождаться функции и сделать ее асинхронной:

  it('dispatches FETCH_COUNTRY_FULFILLED after axios request', async () => {
    const query = 'Aland Islands'
    mock.onGet(`${process.env.REACT_APP_API_URL}/api/v1/countries/?search=${query}`).replyOnce(200, country)
    await store.dispatch(countryActions.fetchCountry(query))
    const actions = store.getActions()
    console.log(actions)
    expect(actions[0]).toEqual(countryActions.fetchCountryPending())
    expect(actions[1]).toEqual(countryActions.fetchCountryFulfilled(country))
  });
});

Answer 2

Можете ли вы попытаться сделать так, чтобы it it блокировал асинхронную и отправлял действие.Я полагаю, что тесты выполняются до того, как ваши запросы get вернут значение