redux-form/lib/events/__tests__/createOnBlur.spec.js

A higher order component decorator for forms using Redux and React

'use strict';

var _expect = require('expect');

var _expect2 = _interopRequireDefault(_expect);

var _createOnBlur = require('../createOnBlur');

var _createOnBlur2 = _interopRequireDefault(_createOnBlur);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

describe('createOnBlur', function () {
  it('should return a function', function () {
    (0, _expect2.default)((0, _createOnBlur2.default)()).toExist().toBeA('function');
  });

  it('should return a function that calls blur with name and value', function () {
    var blur = (0, _expect.createSpy)();
    (0, _createOnBlur2.default)('foo', blur)('bar');
    (0, _expect2.default)(blur).toHaveBeenCalled().toHaveBeenCalledWith('foo', 'bar');
  });

  it('should return a function that calls blur with name and value from event', function () {
    var blur = (0, _expect.createSpy)();
    (0, _createOnBlur2.default)('foo', blur)({
      target: {
        value: 'bar'
      },
      preventDefault: function preventDefault() {
        return null;
      },
      stopPropagation: function stopPropagation() {
        return null;
      }
    });
    (0, _expect2.default)(blur).toHaveBeenCalled().toHaveBeenCalledWith('foo', 'bar');
  });

  it('should return a function that calls blur and then afterBlur with name and value', function () {
    var blur = (0, _expect.createSpy)();
    var afterBlur = (0, _expect.createSpy)();
    (0, _createOnBlur2.default)('foo', blur, false, afterBlur)('bar');
    (0, _expect2.default)(blur).toHaveBeenCalled();
    (0, _expect2.default)(afterBlur).toHaveBeenCalled().toHaveBeenCalledWith('foo', 'bar');
  });
});