redux-form/src/events/__tests__/silenceEvents.spec.js

A higher order component decorator for forms using Redux and React

import expect, {createSpy} from 'expect';
import silenceEvents from '../silenceEvents';

describe('silenceEvents', () => {
  it('should return a function', () => {
    expect(silenceEvents())
      .toExist()
      .toBeA('function');
  });

  it('should return pass all args if first arg is not event', () => {
    const spy = createSpy();
    const silenced = silenceEvents(spy);

    silenced(1, 2, 3);
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith(1, 2, 3);
    spy.restore();

    silenced('foo', 'bar');
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith('foo', 'bar');
    spy.restore();

    silenced({value: 10}, false);
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith({value: 10}, false);
    spy.restore();
  });

  it('should return pass other args if first arg is event', () => {
    const spy = createSpy();
    const silenced = silenceEvents(spy);
    const event = {
      preventDefault: () => null,
      stopPropagation: () => null
    };

    silenced(event, 1, 2, 3);
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith(1, 2, 3);
    spy.restore();

    silenced(event, 'foo', 'bar');
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith('foo', 'bar');
    spy.restore();

    silenced(event, {value: 10}, false);
    expect(spy)
      .toHaveBeenCalled()
      .toHaveBeenCalledWith({value: 10}, false);
    spy.restore();
  });

  it('should silence event', () => {
    const spy = createSpy();
    const preventDefault = createSpy();
    const stopPropagation = createSpy();
    const event = {
      preventDefault,
      stopPropagation
    };

    silenceEvents(spy)(event);
    expect(preventDefault).toHaveBeenCalled();
    expect(stopPropagation).toNotHaveBeenCalled();
    expect(spy).toHaveBeenCalled();
  });
});