Make sure that elements that have been removed also have their special events cleaned...

[jquery.git] / test / unit / event.js

diff --git a/test/unit/event.js b/test/unit/event.js
index 9ce6e2f..7d66c9c 100644 (file)
--- a/test/unit/event.js
+++ b/test/unit/event.js
@@ -72,7 +72,7 @@ test("bind(), multiple events at once and namespaces", function() {
 });
 
 test("bind(), namespace with special add", function() {
-       expect(18);
+       expect(24);
 
        var div = jQuery("<div/>").bind("test", function(e) {
                ok( true, "Test event fired." );
@@ -87,7 +87,9 @@ test("bind(), namespace with special add", function() {
                        equals( e.target, div[0], "And that the target is correct." );
                },
                setup: function(){},
-               teardown: function(){},
+               teardown: function(){
+                       ok(true, "Teardown called.");
+               },
                add: function( handleObj ) {
                        var handler = handleObj.handler;
                        handleObj.handler = function(e) {
@@ -95,7 +97,9 @@ test("bind(), namespace with special add", function() {
                                handler.apply( this, arguments );
                        };
                },
-               remove: function() {}
+               remove: function() {
+                       ok(true, "Remove called.");
+               }
        };
 
        div.bind("test.a", {x: 1}, function(e) {
@@ -116,6 +120,18 @@ test("bind(), namespace with special add", function() {
 
        // Should trigger 2
        div.trigger("test.b");
+
+       // Should trigger 4
+       div.unbind("test");
+
+       div = jQuery("<div/>").bind("test", function(e) {
+               ok( true, "Test event fired." );
+       });
+
+       // Should trigger 2
+       div.appendTo("#main").remove();
+
+       delete jQuery.event.special.test;
 });
 
 test("bind(), no data", function() {
@@ -317,6 +333,26 @@ test("bind(), with same function", function() {
 
        equals(count, 1, "Verify that removing events still work." );
 });
+
+test("bind(), make sure order is maintained", function() {
+       expect(1);
+
+       var elem = jQuery("#firstp"), log = [], check = [];
+
+       for ( var i = 0; i < 100; i++ ) (function(i){
+               elem.bind( "click", function(){
+                       log.push( i );
+               });
+
+               check.push( i );
+       })(i);
+
+       elem.trigger("click");
+
+       equals( log.join(","), check.join(","), "Make sure order was maintained." );
+
+       elem.unbind("click");
+});
  
 test("bind(), with different this object", function() {
        expect(4);
@@ -735,7 +771,7 @@ test("toggle(Function, Function, ...)", function() {
 });
 
 test(".live()/.die()", function() {
-       expect(65);
+       expect(66);
 
        var submit = 0, div = 0, livea = 0, liveb = 0;
 
@@ -752,6 +788,7 @@ test(".live()/.die()", function() {
        equals( liveb, 0, "Click on body" );
 
        // This should trigger two events
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendiv").trigger("click");
        equals( submit, 0, "Click on div" );
        equals( div, 1, "Click on div" );
@@ -759,55 +796,62 @@ test(".live()/.die()", function() {
        equals( liveb, 0, "Click on div" );
 
        // This should trigger three events (w/ bubbling)
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendivchild").trigger("click");
        equals( submit, 0, "Click on inner div" );
-       equals( div, 2, "Click on inner div" );
-       equals( livea, 2, "Click on inner div" );
+       equals( div, 1, "Click on inner div" );
+       equals( livea, 1, "Click on inner div" );
        equals( liveb, 1, "Click on inner div" );
 
        // This should trigger one submit
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendivchild").trigger("submit");
        equals( submit, 1, "Submit on div" );
-       equals( div, 2, "Submit on div" );
-       equals( livea, 2, "Submit on div" );
-       equals( liveb, 1, "Submit on div" );
+       equals( div, 0, "Submit on div" );
+       equals( livea, 0, "Submit on div" );
+       equals( liveb, 0, "Submit on div" );
 
        // Make sure no other events were removed in the process
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendivchild").trigger("click");
-       equals( submit, 1, "die Click on inner div" );
-       equals( div, 3, "die Click on inner div" );
-       equals( livea, 3, "die Click on inner div" );
-       equals( liveb, 2, "die Click on inner div" );
+       equals( submit, 0, "die Click on inner div" );
+       equals( div, 1, "die Click on inner div" );
+       equals( livea, 1, "die Click on inner div" );
+       equals( liveb, 1, "die Click on inner div" );
 
        // Now make sure that the removal works
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendivchild").die("click");
        jQuery("div#nothiddendivchild").trigger("click");
-       equals( submit, 1, "die Click on inner div" );
-       equals( div, 4, "die Click on inner div" );
-       equals( livea, 4, "die Click on inner div" );
-       equals( liveb, 2, "die Click on inner div" );
+       equals( submit, 0, "die Click on inner div" );
+       equals( div, 1, "die Click on inner div" );
+       equals( livea, 1, "die Click on inner div" );
+       equals( liveb, 0, "die Click on inner div" );
 
        // Make sure that the click wasn't removed too early
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendiv").trigger("click");
-       equals( submit, 1, "die Click on inner div" );
-       equals( div, 5, "die Click on inner div" );
-       equals( livea, 5, "die Click on inner div" );
-       equals( liveb, 2, "die Click on inner div" );
+       equals( submit, 0, "die Click on inner div" );
+       equals( div, 1, "die Click on inner div" );
+       equals( livea, 1, "die Click on inner div" );
+       equals( liveb, 0, "die Click on inner div" );
 
        // Make sure that stopPropgation doesn't stop live events
+       submit = 0, div = 0, livea = 0, liveb = 0;
        jQuery("div#nothiddendivchild").live("click", function(e){ liveb++; e.stopPropagation(); });
        jQuery("div#nothiddendivchild").trigger("click");
-       equals( submit, 1, "stopPropagation Click on inner div" );
-       equals( div, 6, "stopPropagation Click on inner div" );
-       equals( livea, 6, "stopPropagation Click on inner div" );
-       equals( liveb, 3, "stopPropagation Click on inner div" );
+       equals( submit, 0, "stopPropagation Click on inner div" );
+       equals( div, 1, "stopPropagation Click on inner div" );
+       equals( livea, 1, "stopPropagation Click on inner div" );
+       equals( liveb, 1, "stopPropagation Click on inner div" );
 
        // Make sure click events only fire with primary click
+       submit = 0, div = 0, livea = 0, liveb = 0;
        var event = jQuery.Event("click");
        event.button = 1;
        jQuery("div#nothiddendiv").trigger(event);
 
-       equals( livea, 6, "live secondary click" );
+       equals( livea, 0, "live secondary click" );
 
        jQuery("div#nothiddendivchild").die("click");
        jQuery("div#nothiddendiv").die("click");
@@ -992,6 +1036,14 @@ test(".live()/.die()", function() {
        equals( livee, 1, "Click, deep selector." );
 
        jQuery("#nothiddendiv div").die("click");
+
+       jQuery("#nothiddendiv div").live("blur", function(){
+               ok( true, "Live div trigger blur." );
+       });
+
+       jQuery("#nothiddendiv div").trigger("blur");
+
+       jQuery("#nothiddendiv div").die("blur");
 });
 
 test("die all bound events", function(){
@@ -1023,6 +1075,44 @@ test("live with multiple events", function(){
        equals( count, 2, "Make sure both the click and submit were triggered." );
 });
 
+test("live with namespaces", function(){
+       expect(6);
+
+       var count1 = 0, count2 = 0;
+
+       jQuery("#liveSpan1").live("foo.bar", function(){
+               count1++;
+       });
+
+       jQuery("#liveSpan2").live("foo.zed", function(){
+               count2++;
+       });
+
+       jQuery("#liveSpan1").trigger("foo.bar");
+       equals( count1, 1, "Got live foo.bar" );
+
+       jQuery("#liveSpan2").trigger("foo.zed");
+       equals( count2, 1, "Got live foo.zed" );
+
+       //remove one
+       jQuery("#liveSpan2").die("foo.zed");
+       jQuery("#liveSpan1").trigger("foo.bar");
+
+       equals( count1, 2, "Got live foo.bar after dieing foo.zed" );
+
+       jQuery("#liveSpan2").trigger("foo.zed");
+       equals( count2, 1, "Got live foo.zed" );
+
+       //remove the other
+       jQuery("#liveSpan1").die("foo.bar");
+
+       jQuery("#liveSpan1").trigger("foo.bar");
+       equals( count1, 2, "Did not respond to foo.bar after dieing it" );
+
+       jQuery("#liveSpan2").trigger("foo.zed");
+       equals( count2, 1, "Did not trigger foo.zed again" );
+});
+
 test("live with change", function(){
        var selectChange = 0, checkboxChange = 0;