478 lines
14 KiB
JavaScript
478 lines
14 KiB
JavaScript
|
(function() {
|
||
|
|
||
|
module("Backbone.Events");
|
||
|
|
||
|
test("on and trigger", 2, function() {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj,Backbone.Events);
|
||
|
obj.on('event', function() { obj.counter += 1; });
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counter,1,'counter should be incremented.');
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counter, 5, 'counter should be incremented five times.');
|
||
|
});
|
||
|
|
||
|
test("binding and triggering multiple events", 4, function() {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
|
||
|
obj.on('a b c', function() { obj.counter += 1; });
|
||
|
|
||
|
obj.trigger('a');
|
||
|
equal(obj.counter, 1);
|
||
|
|
||
|
obj.trigger('a b');
|
||
|
equal(obj.counter, 3);
|
||
|
|
||
|
obj.trigger('c');
|
||
|
equal(obj.counter, 4);
|
||
|
|
||
|
obj.off('a c');
|
||
|
obj.trigger('a b c');
|
||
|
equal(obj.counter, 5);
|
||
|
});
|
||
|
|
||
|
test("binding and triggering with event maps", function() {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
|
||
|
var increment = function() {
|
||
|
this.counter += 1;
|
||
|
};
|
||
|
|
||
|
obj.on({
|
||
|
a: increment,
|
||
|
b: increment,
|
||
|
c: increment
|
||
|
}, obj);
|
||
|
|
||
|
obj.trigger('a');
|
||
|
equal(obj.counter, 1);
|
||
|
|
||
|
obj.trigger('a b');
|
||
|
equal(obj.counter, 3);
|
||
|
|
||
|
obj.trigger('c');
|
||
|
equal(obj.counter, 4);
|
||
|
|
||
|
obj.off({
|
||
|
a: increment,
|
||
|
c: increment
|
||
|
}, obj);
|
||
|
obj.trigger('a b c');
|
||
|
equal(obj.counter, 5);
|
||
|
});
|
||
|
|
||
|
test("listenTo and stopListening", 1, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
a.listenTo(b, 'all', function(){ ok(true); });
|
||
|
b.trigger('anything');
|
||
|
a.listenTo(b, 'all', function(){ ok(false); });
|
||
|
a.stopListening();
|
||
|
b.trigger('anything');
|
||
|
});
|
||
|
|
||
|
test("listenTo and stopListening with event maps", 4, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
var cb = function(){ ok(true); };
|
||
|
a.listenTo(b, {event: cb});
|
||
|
b.trigger('event');
|
||
|
a.listenTo(b, {event2: cb});
|
||
|
b.on('event2', cb);
|
||
|
a.stopListening(b, {event2: cb});
|
||
|
b.trigger('event event2');
|
||
|
a.stopListening();
|
||
|
b.trigger('event event2');
|
||
|
});
|
||
|
|
||
|
test("stopListening with omitted args", 2, function () {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
var cb = function () { ok(true); };
|
||
|
a.listenTo(b, 'event', cb);
|
||
|
b.on('event', cb);
|
||
|
a.listenTo(b, 'event2', cb);
|
||
|
a.stopListening(null, {event: cb});
|
||
|
b.trigger('event event2');
|
||
|
b.off();
|
||
|
a.listenTo(b, 'event event2', cb);
|
||
|
a.stopListening(null, 'event');
|
||
|
a.stopListening();
|
||
|
b.trigger('event2');
|
||
|
});
|
||
|
|
||
|
test("listenToOnce and stopListening", 1, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
a.listenToOnce(b, 'all', function() { ok(true); });
|
||
|
b.trigger('anything');
|
||
|
b.trigger('anything');
|
||
|
a.listenToOnce(b, 'all', function() { ok(false); });
|
||
|
a.stopListening();
|
||
|
b.trigger('anything');
|
||
|
});
|
||
|
|
||
|
test("listenTo, listenToOnce and stopListening", 1, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
a.listenToOnce(b, 'all', function() { ok(true); });
|
||
|
b.trigger('anything');
|
||
|
b.trigger('anything');
|
||
|
a.listenTo(b, 'all', function() { ok(false); });
|
||
|
a.stopListening();
|
||
|
b.trigger('anything');
|
||
|
});
|
||
|
|
||
|
test("listenTo and stopListening with event maps", 1, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
a.listenTo(b, {change: function(){ ok(true); }});
|
||
|
b.trigger('change');
|
||
|
a.listenTo(b, {change: function(){ ok(false); }});
|
||
|
a.stopListening();
|
||
|
b.trigger('change');
|
||
|
});
|
||
|
|
||
|
test("listenTo yourself", 1, function(){
|
||
|
var e = _.extend({}, Backbone.Events);
|
||
|
e.listenTo(e, "foo", function(){ ok(true); });
|
||
|
e.trigger("foo");
|
||
|
});
|
||
|
|
||
|
test("listenTo yourself cleans yourself up with stopListening", 1, function(){
|
||
|
var e = _.extend({}, Backbone.Events);
|
||
|
e.listenTo(e, "foo", function(){ ok(true); });
|
||
|
e.trigger("foo");
|
||
|
e.stopListening();
|
||
|
e.trigger("foo");
|
||
|
});
|
||
|
|
||
|
test("stopListening cleans up references", 4, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
var fn = function() {};
|
||
|
a.listenTo(b, 'all', fn).stopListening();
|
||
|
equal(_.size(a._listeningTo), 0);
|
||
|
a.listenTo(b, 'all', fn).stopListening(b);
|
||
|
equal(_.size(a._listeningTo), 0);
|
||
|
a.listenTo(b, 'all', fn).stopListening(null, 'all');
|
||
|
equal(_.size(a._listeningTo), 0);
|
||
|
a.listenTo(b, 'all', fn).stopListening(null, null, fn);
|
||
|
equal(_.size(a._listeningTo), 0);
|
||
|
});
|
||
|
|
||
|
test("listenTo and stopListening cleaning up references", 2, function() {
|
||
|
var a = _.extend({}, Backbone.Events);
|
||
|
var b = _.extend({}, Backbone.Events);
|
||
|
a.listenTo(b, 'all', function(){ ok(true); });
|
||
|
b.trigger('anything');
|
||
|
a.listenTo(b, 'other', function(){ ok(false); });
|
||
|
a.stopListening(b, 'other');
|
||
|
a.stopListening(b, 'all');
|
||
|
equal(_.keys(a._listeningTo).length, 0);
|
||
|
});
|
||
|
|
||
|
test("listenTo with empty callback doesn't throw an error", 1, function(){
|
||
|
var e = _.extend({}, Backbone.Events);
|
||
|
e.listenTo(e, "foo", null);
|
||
|
e.trigger("foo");
|
||
|
ok(true);
|
||
|
});
|
||
|
|
||
|
test("trigger all for each event", 3, function() {
|
||
|
var a, b, obj = { counter: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
obj.on('all', function(event) {
|
||
|
obj.counter++;
|
||
|
if (event == 'a') a = true;
|
||
|
if (event == 'b') b = true;
|
||
|
})
|
||
|
.trigger('a b');
|
||
|
ok(a);
|
||
|
ok(b);
|
||
|
equal(obj.counter, 2);
|
||
|
});
|
||
|
|
||
|
test("on, then unbind all functions", 1, function() {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj,Backbone.Events);
|
||
|
var callback = function() { obj.counter += 1; };
|
||
|
obj.on('event', callback);
|
||
|
obj.trigger('event');
|
||
|
obj.off('event');
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counter, 1, 'counter should have only been incremented once.');
|
||
|
});
|
||
|
|
||
|
test("bind two callbacks, unbind only one", 2, function() {
|
||
|
var obj = { counterA: 0, counterB: 0 };
|
||
|
_.extend(obj,Backbone.Events);
|
||
|
var callback = function() { obj.counterA += 1; };
|
||
|
obj.on('event', callback);
|
||
|
obj.on('event', function() { obj.counterB += 1; });
|
||
|
obj.trigger('event');
|
||
|
obj.off('event', callback);
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counterA, 1, 'counterA should have only been incremented once.');
|
||
|
equal(obj.counterB, 2, 'counterB should have been incremented twice.');
|
||
|
});
|
||
|
|
||
|
test("unbind a callback in the midst of it firing", 1, function() {
|
||
|
var obj = {counter: 0};
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
var callback = function() {
|
||
|
obj.counter += 1;
|
||
|
obj.off('event', callback);
|
||
|
};
|
||
|
obj.on('event', callback);
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counter, 1, 'the callback should have been unbound.');
|
||
|
});
|
||
|
|
||
|
test("two binds that unbind themeselves", 2, function() {
|
||
|
var obj = { counterA: 0, counterB: 0 };
|
||
|
_.extend(obj,Backbone.Events);
|
||
|
var incrA = function(){ obj.counterA += 1; obj.off('event', incrA); };
|
||
|
var incrB = function(){ obj.counterB += 1; obj.off('event', incrB); };
|
||
|
obj.on('event', incrA);
|
||
|
obj.on('event', incrB);
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counterA, 1, 'counterA should have only been incremented once.');
|
||
|
equal(obj.counterB, 1, 'counterB should have only been incremented once.');
|
||
|
});
|
||
|
|
||
|
test("bind a callback with a supplied context", 1, function () {
|
||
|
var TestClass = function () {
|
||
|
return this;
|
||
|
};
|
||
|
TestClass.prototype.assertTrue = function () {
|
||
|
ok(true, '`this` was bound to the callback');
|
||
|
};
|
||
|
|
||
|
var obj = _.extend({},Backbone.Events);
|
||
|
obj.on('event', function () { this.assertTrue(); }, (new TestClass));
|
||
|
obj.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("nested trigger with unbind", 1, function () {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
var incr1 = function(){ obj.counter += 1; obj.off('event', incr1); obj.trigger('event'); };
|
||
|
var incr2 = function(){ obj.counter += 1; };
|
||
|
obj.on('event', incr1);
|
||
|
obj.on('event', incr2);
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counter, 3, 'counter should have been incremented three times');
|
||
|
});
|
||
|
|
||
|
test("callback list is not altered during trigger", 2, function () {
|
||
|
var counter = 0, obj = _.extend({}, Backbone.Events);
|
||
|
var incr = function(){ counter++; };
|
||
|
obj.on('event', function(){ obj.on('event', incr).on('all', incr); })
|
||
|
.trigger('event');
|
||
|
equal(counter, 0, 'bind does not alter callback list');
|
||
|
obj.off()
|
||
|
.on('event', function(){ obj.off('event', incr).off('all', incr); })
|
||
|
.on('event', incr)
|
||
|
.on('all', incr)
|
||
|
.trigger('event');
|
||
|
equal(counter, 2, 'unbind does not alter callback list');
|
||
|
});
|
||
|
|
||
|
test("#1282 - 'all' callback list is retrieved after each event.", 1, function() {
|
||
|
var counter = 0;
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
var incr = function(){ counter++; };
|
||
|
obj.on('x', function() {
|
||
|
obj.on('y', incr).on('all', incr);
|
||
|
})
|
||
|
.trigger('x y');
|
||
|
strictEqual(counter, 2);
|
||
|
});
|
||
|
|
||
|
test("if no callback is provided, `on` is a noop", 0, function() {
|
||
|
_.extend({}, Backbone.Events).on('test').trigger('test');
|
||
|
});
|
||
|
|
||
|
test("if callback is truthy but not a function, `on` should throw an error just like jQuery", 1, function() {
|
||
|
var view = _.extend({}, Backbone.Events).on('test', 'noop');
|
||
|
throws(function() {
|
||
|
view.trigger('test');
|
||
|
});
|
||
|
});
|
||
|
|
||
|
test("remove all events for a specific context", 4, function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
obj.on('x y all', function() { ok(true); });
|
||
|
obj.on('x y all', function() { ok(false); }, obj);
|
||
|
obj.off(null, null, obj);
|
||
|
obj.trigger('x y');
|
||
|
});
|
||
|
|
||
|
test("remove all events for a specific callback", 4, function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
var success = function() { ok(true); };
|
||
|
var fail = function() { ok(false); };
|
||
|
obj.on('x y all', success);
|
||
|
obj.on('x y all', fail);
|
||
|
obj.off(null, fail);
|
||
|
obj.trigger('x y');
|
||
|
});
|
||
|
|
||
|
test("#1310 - off does not skip consecutive events", 0, function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
obj.on('event', function() { ok(false); }, obj);
|
||
|
obj.on('event', function() { ok(false); }, obj);
|
||
|
obj.off(null, null, obj);
|
||
|
obj.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("once", 2, function() {
|
||
|
// Same as the previous test, but we use once rather than having to explicitly unbind
|
||
|
var obj = { counterA: 0, counterB: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
var incrA = function(){ obj.counterA += 1; obj.trigger('event'); };
|
||
|
var incrB = function(){ obj.counterB += 1; };
|
||
|
obj.once('event', incrA);
|
||
|
obj.once('event', incrB);
|
||
|
obj.trigger('event');
|
||
|
equal(obj.counterA, 1, 'counterA should have only been incremented once.');
|
||
|
equal(obj.counterB, 1, 'counterB should have only been incremented once.');
|
||
|
});
|
||
|
|
||
|
test("once variant one", 3, function() {
|
||
|
var f = function(){ ok(true); };
|
||
|
|
||
|
var a = _.extend({}, Backbone.Events).once('event', f);
|
||
|
var b = _.extend({}, Backbone.Events).on('event', f);
|
||
|
|
||
|
a.trigger('event');
|
||
|
|
||
|
b.trigger('event');
|
||
|
b.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("once variant two", 3, function() {
|
||
|
var f = function(){ ok(true); };
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
|
||
|
obj
|
||
|
.once('event', f)
|
||
|
.on('event', f)
|
||
|
.trigger('event')
|
||
|
.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("once with off", 0, function() {
|
||
|
var f = function(){ ok(true); };
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
|
||
|
obj.once('event', f);
|
||
|
obj.off('event', f);
|
||
|
obj.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("once with event maps", function() {
|
||
|
var obj = { counter: 0 };
|
||
|
_.extend(obj, Backbone.Events);
|
||
|
|
||
|
var increment = function() {
|
||
|
this.counter += 1;
|
||
|
};
|
||
|
|
||
|
obj.once({
|
||
|
a: increment,
|
||
|
b: increment,
|
||
|
c: increment
|
||
|
}, obj);
|
||
|
|
||
|
obj.trigger('a');
|
||
|
equal(obj.counter, 1);
|
||
|
|
||
|
obj.trigger('a b');
|
||
|
equal(obj.counter, 2);
|
||
|
|
||
|
obj.trigger('c');
|
||
|
equal(obj.counter, 3);
|
||
|
|
||
|
obj.trigger('a b c');
|
||
|
equal(obj.counter, 3);
|
||
|
});
|
||
|
|
||
|
test("once with off only by context", 0, function() {
|
||
|
var context = {};
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
obj.once('event', function(){ ok(false); }, context);
|
||
|
obj.off(null, null, context);
|
||
|
obj.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("Backbone object inherits Events", function() {
|
||
|
ok(Backbone.on === Backbone.Events.on);
|
||
|
});
|
||
|
|
||
|
asyncTest("once with asynchronous events", 1, function() {
|
||
|
var func = _.debounce(function() { ok(true); start(); }, 50);
|
||
|
var obj = _.extend({}, Backbone.Events).once('async', func);
|
||
|
|
||
|
obj.trigger('async');
|
||
|
obj.trigger('async');
|
||
|
});
|
||
|
|
||
|
test("once with multiple events.", 2, function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
obj.once('x y', function() { ok(true); });
|
||
|
obj.trigger('x y');
|
||
|
});
|
||
|
|
||
|
test("Off during iteration with once.", 2, function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
var f = function(){ this.off('event', f); };
|
||
|
obj.on('event', f);
|
||
|
obj.once('event', function(){});
|
||
|
obj.on('event', function(){ ok(true); });
|
||
|
|
||
|
obj.trigger('event');
|
||
|
obj.trigger('event');
|
||
|
});
|
||
|
|
||
|
test("`once` on `all` should work as expected", 1, function() {
|
||
|
Backbone.once('all', function() {
|
||
|
ok(true);
|
||
|
Backbone.trigger('all');
|
||
|
});
|
||
|
Backbone.trigger('all');
|
||
|
});
|
||
|
|
||
|
test("once without a callback is a noop", 0, function() {
|
||
|
_.extend({}, Backbone.Events).once('event').trigger('event');
|
||
|
});
|
||
|
|
||
|
test("event functions are chainable", function() {
|
||
|
var obj = _.extend({}, Backbone.Events);
|
||
|
var obj2 = _.extend({}, Backbone.Events);
|
||
|
var fn = function() {};
|
||
|
equal(obj, obj.trigger('noeventssetyet'));
|
||
|
equal(obj, obj.off('noeventssetyet'));
|
||
|
equal(obj, obj.stopListening('noeventssetyet'));
|
||
|
equal(obj, obj.on('a', fn));
|
||
|
equal(obj, obj.once('c', fn));
|
||
|
equal(obj, obj.trigger('a'));
|
||
|
equal(obj, obj.listenTo(obj2, 'a', fn));
|
||
|
equal(obj, obj.listenToOnce(obj2, 'b', fn));
|
||
|
equal(obj, obj.off('a c'));
|
||
|
equal(obj, obj.stopListening(obj2, 'a'));
|
||
|
equal(obj, obj.stopListening());
|
||
|
});
|
||
|
|
||
|
})();
|