$(document).ready(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", 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("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("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("off is chainable", 3, function() { var obj = _.extend({}, Backbone.Events); // With no events ok(obj.off() === obj); // When removing all events obj.on('event', function(){}, obj); ok(obj.off() === obj); // When removing some events obj.on('event', function(){}, obj); ok(obj.off('event') === obj); }); 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'); }); });