从数据库中分派数据的Redux操作的单元测试

import configureStore from 'redux-mock-store';
import thunk from 'redux-thunk';
import { fetchData, receiveData } from './actions';
import { FETCH_DATA, RECEIVE_DATA } from './actionTypes';

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

describe('Redux Actions', () => {
  it('should create an action to fetch data', () => {
    const expectedAction = {
      type: FETCH_DATA,
    };
    expect(fetchData()).toEqual(expectedAction);
  });

  it('should create an action to receive data', () => {
    const data = { id: 1, name: 'Example' };
    const expectedAction = {
      type: RECEIVE_DATA,
      payload: data,
    };
    expect(receiveData(data)).toEqual(expectedAction);
  });
});

describe('Redux Async Actions', () => {
  it('should dispatch fetchData and receiveData actions', () => {
    const data = { id: 1, name: 'Example' };
    const expectedActions = [
      { type: FETCH_DATA },
      { type: RECEIVE_DATA, payload: data },
    ];
    const store = mockStore({});

    return store.dispatch(fetchData()).then(() => {
      expect(store.getActions()).toEqual(expectedActions);
    });
  });
});