@kabbi/react-redux-form/test/batched-actions-spec.js

Create Forms Easily with React and Redux

import { assert } from 'chai';
import configureMockStore from 'redux-mock-store';
import thunk from 'redux-thunk';

import { modelReducer, formReducer, actions, actionTypes } from '../src';

describe('batched actions', () => {
  it('should batch actions', (done) => {
    const mockStore = configureMockStore([thunk]);
    const action = actions.batch('test.foo', [
      actions.change('test.foo', 'testing'),
      actions.focus('test.foo'),
      actions.toggle('test.foo'),
    ]);

    const expectedActions = [
      {
        type: actionTypes.BATCH,
        model: 'test.foo',
        actions: [
          {
            model: 'test.foo',
            multi: false,
            silent: false,
            external: true,
            type: 'rrf/change',
            value: 'testing',
          },
          {
            model: 'test.foo',
            type: 'rrf/focus',
            value: undefined,
          },
        ],
      },

      {
        model: 'test.foo',
        multi: false,
        silent: false,
        external: true,
        type: actionTypes.CHANGE,
        value: true,
      },
    ];

    const store = mockStore({}, expectedActions, done);

    store.dispatch(action);
  });

  it('should batch actions without requiring thunk', (done) => {
    const mockStore = configureMockStore();
    const action = actions.batch('test.foo', [
      actions.change('test.foo', 'testing'),
      actions.focus('test.foo'),
    ]);

    const expectedActions = [
      {
        type: actionTypes.BATCH,
        model: 'test.foo',
        actions: [
          {
            model: 'test.foo',
            multi: false,
            silent: false,
            external: true,
            type: 'rrf/change',
            value: 'testing',
          },
          {
            model: 'test.foo',
            type: 'rrf/focus',
            value: undefined,
          },
        ],
      },
    ];

    const store = mockStore({}, expectedActions, done);

    store.dispatch(action);
  });

  it('should update the form reducer with each action', () => {
    const reducer = formReducer('test');

    const testAction = actions.batch('test.foo', [
      actions.change('test.foo', 'testing'),
      actions.focus('test.foo'),
    ]);

    const actual = reducer(undefined, testAction);

    assert.containSubset(
      actual.foo,
      {
        pristine: false,
        focus: true,
      });
  });

  it('should update the model reducer with each action', () => {
    const reducer = modelReducer('test');

    const testAction = actions.batch('test.foo', [
      actions.change('test.foo', 'testing'),
      actions.focus('test.foo'),
    ]);

    const actual = reducer(undefined, testAction);

    assert.equal(actual.foo, 'testing');
  });

  it('should dispatch a null action if all actions are falsey', (done) => {
    const mockStore = configureMockStore([thunk]);
    const testAction = actions.batch('test.foo', [
      false,
      null,
      undefined,
    ]);

    const expectedActions = [{ type: null }];

    const store = mockStore({}, expectedActions, done);

    store.dispatch(testAction);
  });
});