redux-form/es/events/__tests__/getValue.spec.js

A higher order component decorator for forms using Redux and React

import _noop from 'lodash-es/noop';
import expect from 'expect';

import getValue from '../getValue';

describe('getValue', function () {
  it('should return value if non-event value is passed', function () {
    expect(getValue(undefined, true)).toBe(undefined);
    expect(getValue(undefined, false)).toBe(undefined);
    expect(getValue(null, true)).toBe(null);
    expect(getValue(null, false)).toBe(null);
    expect(getValue(5, true)).toBe(5);
    expect(getValue(5, false)).toBe(5);
    expect(getValue(true, true)).toBe(true);
    expect(getValue(true, false)).toBe(true);
    expect(getValue(false, true)).toBe(false);
    expect(getValue(false, false)).toBe(false);
    expect(getValue('dog', true)).toBe('dog');
    expect(getValue('dog', false)).toBe('dog');
  });

  it('should not unwrap value if non-event object containing value key is passed', function () {
    expect(getValue({ value: 5 }, true)).toEqual({ value: 5 });
    expect(getValue({ value: 5 }, false)).toEqual({ value: 5 });
    expect(getValue({ value: true }, true)).toEqual({ value: true });
    expect(getValue({ value: true }, false)).toEqual({ value: true });
    expect(getValue({ value: false }, true)).toEqual({ value: false });
    expect(getValue({ value: false }, false)).toEqual({ value: false });
  });

  it('should return value if object NOT containing value key is passed', function () {
    var foo = { bar: 5, baz: 8 };
    expect(getValue(foo)).toBe(foo);
  });

  it('should return event.nativeEvent.text if defined and not react-native', function () {
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      nativeEvent: {
        text: 'foo'
      }
    }, false)).toBe('foo');
  });

  it('should return event.nativeEvent.text if react-native', function () {
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      nativeEvent: {
        text: 'foo'
      }
    }, true)).toBe('foo');
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      nativeEvent: {
        text: undefined
      }
    }, true)).toBe(undefined);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      nativeEvent: {
        text: null
      }
    }, true)).toBe(null);
  });

  it('should return event.target.checked if checkbox', function () {
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'checkbox',
        checked: true
      }
    }, true)).toBe(true);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'checkbox',
        checked: true
      }
    }, false)).toBe(true);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'checkbox',
        checked: false
      }
    }, true)).toBe(false);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'checkbox',
        checked: false
      }
    }, false)).toBe(false);
  });

  it('should return a number type for numeric inputs, when a value is set', function () {
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'number',
        value: '3.1415'
      }
    }, true)).toBe(3.1415);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'range',
        value: '2.71828'
      }
    }, true)).toBe(2.71828);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'number',
        value: '3'
      }
    }, false)).toBe(3);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'range',
        value: '3.1415'
      }
    }, false)).toBe(3.1415);

    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'range',
        value: ''
      }
    }, false)).toBe('');
  });

  it('should return event.target.files if file', function () {
    var myFiles = ['foo', 'bar'];
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'file',
        files: myFiles
      }
    }, true)).toBe(myFiles);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'file',
        files: myFiles
      }
    }, false)).toBe(myFiles);
  });

  it('should return event.dataTransfer.files if file and files not in target.files', function () {
    var myFiles = ['foo', 'bar'];
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'file'
      },
      dataTransfer: {
        files: myFiles
      }
    }, true)).toBe(myFiles);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'file'
      },
      dataTransfer: {
        files: myFiles
      }
    }, false)).toBe(myFiles);
  });

  it('should return selected options if is a multiselect', function () {
    var options = [{ selected: true, value: 'foo' }, { selected: true, value: 'bar' }, { selected: false, value: 'baz' }];
    var expected = options.filter(function (option) {
      return option.selected;
    }).map(function (option) {
      return option.value;
    });
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'select-multiple',
        options: options
      }
    }, true)).toEqual(expected);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'select-multiple'
      }
    }, false)).toEqual([]); // no options specified
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        type: 'select-multiple',
        options: options
      }
    }, false)).toEqual(expected);
  });

  it('should return event.target.value if not file or checkbox', function () {
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: undefined
      }
    }, true)).toBe(undefined);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: undefined
      }
    }, false)).toBe(undefined);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: null
      }
    }, true)).toBe(null);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: null
      }
    }, false)).toBe(null);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: true
      }
    }, true)).toBe(true);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: true
      }
    }, false)).toBe(true);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: false
      }
    }, true)).toBe(false);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: false
      }
    }, false)).toBe(false);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: 42
      }
    }, true)).toBe(42);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: 42
      }
    }, false)).toBe(42);
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: 'foo'
      }
    }, true)).toBe('foo');
    expect(getValue({
      preventDefault: _noop,
      stopPropagation: _noop,
      target: {
        value: 'foo'
      }
    }, false)).toBe('foo');
  });
});