conorhastings / redux-test-recorder-react

component providing a gui for redux-test-recorder in react applications

Redux Test Recorder React

npm install redux-test-recorder-react --save-dev

A react component that provides a gui to the redux-test-recorder redux middleware which can be used to auto generate reducer tests for redux applications through testing UI interactions. You can use use the props exported by the middleware and pass those to the TestRecorder component at your application root.

import {store, recordProps } from './store';
import TestRecorder from 'redux-test-recorder-react';
const Counter = ({count, dispatch}) => {
  return (
    <div>
      <button onClick={() => dispatch(increment())}>+</button>
      <h1>{count}</h1>
      <button onClick={() => dispatch(decrement())}>-</button>
    </div>
  );
}

const ConnectedCounter = connect(state => {
  return {count: state};
})(Counter);
const Root = () => {
  return (
    <div>
      <Provider store={store}>
        <div><ConnectedCounter /><TestRecorder {...recordProps} /></div>
      </Provider>
    </div>;
};

You can see more comprehensive documention in the redux-test-recorder repo.

redux-test-recorder-react's Issues

version react problem

I use the version react 15 while the module uses react version 14, I also had problems with the library because it does not find the dependencies of highlighter.