$(document).ready(function() { module("Backbone.Events"); test("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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("Events: 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'); }); });