@types/redux-mock-store

What is @types/redux-mock-store?

@types/redux-mock-store provides TypeScript definitions for the redux-mock-store package, which is used for testing Redux async action creators and middleware. It allows developers to create a mock store for testing purposes, ensuring that dispatched actions and resulting state changes can be easily verified.

What are @types/redux-mock-store's main functionalities?

Creating a Mock Store

This feature allows you to create a mock store with specified middlewares. In this example, redux-thunk is used as middleware.

const configureMockStore = require('redux-mock-store').default;
const thunk = require('redux-thunk').default;
const middlewares = [thunk];
const mockStore = configureMockStore(middlewares);
const store = mockStore({});

Dispatching Actions

This feature allows you to dispatch actions to the mock store and then retrieve the list of dispatched actions for verification.

store.dispatch({ type: 'ACTION_TYPE' });
const actions = store.getActions();
console.log(actions);

Testing Async Actions

This feature allows you to test async actions by dispatching them to the mock store and then verifying the resulting actions.

const myAsyncAction = () => {
  return (dispatch) => {
    return fetch('/endpoint')
      .then(response => response.json())
      .then(data => dispatch({ type: 'SUCCESS', payload: data }))
      .catch(error => dispatch({ type: 'FAILURE', error }));
  };
};

store.dispatch(myAsyncAction()).then(() => {
  const actions = store.getActions();
  expect(actions[0]).toEqual({ type: 'SUCCESS', payload: { /* expected data */ } });
});

Other packages similar to @types/redux-mock-store

redux-saga-test-plan

redux-saga-test-plan is a library for testing Redux-Saga. It provides utilities to test the effects and sagas in isolation or as a whole. Unlike redux-mock-store, which focuses on testing action creators and middleware, redux-saga-test-plan is specifically designed for testing sagas.

redux-test-utils

redux-test-utils is a library that provides utilities for testing Redux applications. It includes helpers for creating mock stores, dispatching actions, and verifying state changes. It is similar to redux-mock-store but offers a broader range of utilities for testing Redux applications.

README

Installation

npm install --save @types/redux-mock-store

Summary

This package contains type definitions for Redux Mock Store (https://github.com/arnaudbenard/redux-mock-store).

Details

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/redux-mock-store/v0.

index.d.ts

// Type definitions for Redux Mock Store 0.0.1
// Project: https://github.com/arnaudbenard/redux-mock-store
// Definitions by: Marian Palkus <https://github.com/MarianPalkus>, Cap3 <http://www.cap3.de>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.3

import * as Redux from "redux";

export interface MockStore<T> extends Redux.Store<T> {
    getActions(): any[];
    clearActions(): void;
}

export type MockStoreCreator<T = {}> = (state?: T) => MockStore<T>;

declare function createMockStore<T>(middlewares?: Redux.Middleware[]): MockStoreCreator<T>;

export default createMockStore;

Additional Details

• Last updated: Wed, 27 Sep 2023 07:12:04 GMT
• Dependencies: @types/redux
• Global values: none

Credits

These definitions were written by Marian Palkus, and Cap3.