React Stateful Component tools

Testing tools for React Stateful Component

Getting started

npm i react-stateful-component-tools --save-dev

MockSideEffectProvider

Can be used to intercept sideEffect schedule from within stateful components.

Basic Example:

ReactDOM.render(
    <MockSideEffectProvider>
        <MyStatefulComponent />
    </MockSideEffectProvider>,
    document.getElementById('app')
);

Example using a mockRunner:

const mockSideEffectRunner = (sideEffect, reduce, state) => {
    if (sideEffect === mySideEffect) {
        reduce({
            type: 'FETCH_USERS_RECEIVED',
            users: [{ id: 1, name: 'John' }, { id: 2, name: 'Jeff' }]
        });
    }
};

ReactDOM.render(
    <MockSideEffectProvider mockRunner={mockSideEffectRunner}>
        <MockComponent />
    </MockSideEffectProvider>,
    document.getElementById('app')
);