redux-mock-store

import configureStore from 'redux-mock-store'; import thunk from 'redux-thunk'; // Mock fetch for demonstration purposes in a Node.js environment global.fetch = async (url) => { if (url === '/users.json') { return { json: async () => ([{ id: 1, name: 'Test User' }]), ok: true, status: 200 }; } throw new Error('Unknown URL: ' + url); }; const middlewares = [thunk]; // Add your Redux middleware const mockStore = configureStore(middlewares); // Define a simple action creator (would be imported in a real app) const FETCH_DATA_SUCCESS = 'FETCH_DATA_SUCCESS'; function success(data) { return { type: FETCH_DATA_SUCCESS, payload: data }; } // Define an async action creator (e.g., using redux-thunk) function fetchData() { return (dispatch) => { // Simulate an async operation, e.g., an API call return fetch('/users.json') .then(response => response.json()) .then(data => dispatch(success(data))); }; } // Example test using a common testing framework (like Jest) describe('redux-mock-store with async actions', () => { it('should dispatch a success action after fetching data', async () => { const store = mockStore({}); // Initialize mock store with an empty initial state // Dispatch the async action and await its completion await store.dispatch(fetchData()); // Retrieve all dispatched actions from the mock store const actions = store.getActions(); // Assertions on the dispatched actions expect(actions.length).toEqual(1); expect(actions[0].type).toEqual(FETCH_DATA_SUCCESS); expect(actions[0].payload).toEqual([{ id: 1, name: 'Test User' }]); console.log('Successfully tested async action dispatch:', actions); }); });