parsleyjs/test/unit/pubsub.js

Validate your forms, frontend, without writing a single line of javascript!

import $ from 'jquery';
import Parsley from '../../src/parsley';

describe('PubSub', () => {
  it('listen() without context', done => {
    expectWarning(() => {
      $.listen('foo', (instance, arg) => {
        expect(arg).to.be('bar');
        done();
      });
    });
    $.emit('foo', 'bar');
  });
  it('listen() with context', done => {
    var obj = {foo: bar => { return 'foo' + bar; }};
    $.listen('foo', obj, function (instance, arg) {
      expect(this.foo(arg)).to.be('foobar');
      done();
    });
    $.emit('foo', 'bar');
  });
  it('listenTo() ParsleyField', done => {
    $('body').append('<input type="text" id="element" />');
    $('body').append('<input type="text" id="element2" />');

    var instance = $('#element').psly();

    $.listenTo(instance, 'foo', parsleyInstance => {
      expect(parsleyInstance.__id__).to.be(instance.__id__);
      done();
    });

    $.emit('foo', 'bar');
    $.emit('foo', $('#element2').psly());
    $.emit('foo', instance);
  });
  it('listenTo() ParsleyForm will listen to Form', done => {
    $('body').append(
      '<form id="element" data-parsley-trigger="change">'                 +
        '<input id="field1" type="text" data-parsley-required="true" />'  +
        '<div id="field2"></div>'                                         +
        '<textarea id="field3" data-parsley-notblank="true"></textarea>'  +
      '</form>');

    $.listenTo($('#element').psly(), 'foo', parsleyInstance => {
      expect($('#element').psly().__id__ === parsleyInstance.__id__);
      done();
    });

    $.emit('foo', $('#element').psly());
  });
  it('listenTo() Form will listen to its fields too', done => {
    $('body').append(
      '<form id="element" data-parsley-trigger="change">'                 +
        '<input id="field1" type="text" data-parsley-required="true" />'  +
        '<div id="field2"></div>'                                         +
        '<textarea id="field3" data-parsley-notblank="true"></textarea>'  +
      '</form>');

    $.listenTo($('#element').psly(), 'foo', instance => {
      done();
    });

    $.emit('foo', $('#field1').psly());
  });
  it('unsubscribeTo()', done => {
    $('body').append('<input type="text" id="element" />');
    $.listen('foo', () => { done(); });
    $.listenTo($('#element').psly(), 'foo', () => { expect(true).to.be(false); });
    $.unsubscribeTo($('#element').psly(), 'foo');
    $.emit('foo', $('#element').psly());
  });
  it('unsubscribe()', () => {
    var fn = () => { expect(true).to.be(false); };
    $.listen('foo', fn);
    $.unsubscribe('foo', fn);
    $.emit('foo');
  });
  afterEach(() => {
    $('#element, #element2').remove();

    $.unsubscribeAll('foo');
  });
});