X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;ds=sidebyside;f=test%2Funit%2Fevent.js;h=08b5913a1c778665fe6bdee0f9f819f1b3c2eed6;hb=c03a2801556d42d60fed1a5b4ce5d25362ccd9f5;hp=44109f0e0b30279981bb9e30c0454027e63c495f;hpb=b860c30b8259fcb3e3bb128683ed400282d69c15;p=jquery.git diff --git a/test/unit/event.js b/test/unit/event.js index 44109f0..08b5913 100644 --- a/test/unit/event.js +++ b/test/unit/event.js @@ -112,6 +112,60 @@ test("bind(), namespaced events, cloned events", function() { ok( jQuery("a.test:first").triggerHandler("click") === false, "Handler is bound to appendTo'd elements" ); }); +test("bind(), multi-namespaced events", function() { + expect(6); + + var order = [ + "click.test.abc", + "click.test.abc", + "click.test", + "click.test.abc", + "click.test", + "custom.test2" + ]; + + function check(name, msg){ + same(name, order.shift(), msg); + } + + jQuery("#firstp").bind("custom.test",function(e){ + check("custom.test", "Custom event triggered"); + }); + + jQuery("#firstp").bind("custom.test2",function(e){ + check("custom.test2", "Custom event triggered"); + }); + + jQuery("#firstp").bind("click.test",function(e){ + check("click.test", "Normal click triggered"); + }); + + jQuery("#firstp").bind("click.test.abc",function(e){ + check("click.test.abc", "Namespaced click triggered"); + }); + + // Trigger both bound fn (1) + jQuery("#firstp").trigger("click.test.abc"); + + // Trigger one bound fn (1) + jQuery("#firstp").trigger("click.abc"); + + // Trigger two bound fn (2) + jQuery("#firstp").trigger("click.test"); + + // Remove only the one fn + jQuery("#firstp").unbind("click.abc"); + + // Trigger the remaining fn (1) + jQuery("#firstp").trigger("click"); + + // Remove the remaining fn + jQuery("#firstp").unbind(".test"); + + // Trigger the remaining fn (1) + jQuery("#firstp").trigger("custom"); +}); + test("trigger() shortcuts", function() { expect(6); jQuery('
  • Change location
  • ').prependTo('#firstUL').find('a').bind('click', function() { @@ -144,6 +198,40 @@ test("trigger() shortcuts", function() { }).load(); }); +test("trigger() bubbling", function() { + expect(14); + + var doc = 0, html = 0, body = 0, main = 0, ap = 0; + + jQuery(document).bind("click", function(e){ if ( e.target !== document) { doc++; } }); + jQuery("html").bind("click", function(e){ html++; }); + jQuery("body").bind("click", function(e){ body++; }); + jQuery("#main").bind("click", function(e){ main++; }); + jQuery("#ap").bind("click", function(){ ap++; return false; }); + + jQuery("html").trigger("click"); + equals( doc, 1, "HTML bubble" ); + equals( html, 1, "HTML bubble" ); + + jQuery("body").trigger("click"); + equals( doc, 2, "Body bubble" ); + equals( html, 2, "Body bubble" ); + equals( body, 1, "Body bubble" ); + + jQuery("#main").trigger("click"); + equals( doc, 3, "Main bubble" ); + equals( html, 3, "Main bubble" ); + equals( body, 2, "Main bubble" ); + equals( main, 1, "Main bubble" ); + + jQuery("#ap").trigger("click"); + equals( doc, 3, "ap bubble" ); + equals( html, 3, "ap bubble" ); + equals( body, 2, "ap bubble" ); + equals( main, 1, "ap bubble" ); + equals( ap, 1, "ap bubble" ); +}); + test("unbind(event)", function() { expect(8); var el = jQuery("#firstp"); @@ -258,7 +346,7 @@ test("trigger(event, [data], [fn])", function() { var pass = true; try { - jQuery('input:first') + jQuery('#form input:first') .hide() .trigger('focus'); } catch(e) { @@ -330,6 +418,72 @@ test("toggle(Function, Function, ...)", function() { var data = jQuery.data( $div[0], 'events' ); ok( !data, "Unbinding one function from toggle unbinds them all"); }); + +test(".live()/.die()", function() { + expect(28); + + var submit = 0, div = 0, livea = 0, liveb = 0; + + jQuery("div").live("submit", function(){ submit++; return false; }); + jQuery("div").live("click", function(){ div++; }); + jQuery("div#nothiddendiv").live("click", function(){ livea++; }); + jQuery("div#nothiddendivchild").live("click", function(){ liveb++; }); + + // Nothing should trigger on the body + jQuery("body").trigger("click"); + equals( submit, 0, "Click on body" ); + equals( div, 0, "Click on body" ); + equals( livea, 0, "Click on body" ); + equals( liveb, 0, "Click on body" ); + + // This should trigger two events + jQuery("div#nothiddendiv").trigger("click"); + equals( submit, 0, "Click on div" ); + equals( div, 1, "Click on div" ); + equals( livea, 1, "Click on div" ); + equals( liveb, 0, "Click on div" ); + + // This should trigger three events (w/ bubbling) + 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( liveb, 1, "Click on inner div" ); + + // This should trigger one submit + 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" ); + + // Make sure no other events were removed in the process + 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" ); + + // Now make sure that the removal works + 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" ); + + // Make sure that the click wasn't removed too early + 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" ); + + jQuery("div#nothiddendiv").die("click"); + jQuery("div").die("click"); + jQuery("div").die("submit"); +}); + /* test("jQuery(function($) {})", function() { stop(); @@ -346,4 +500,4 @@ test("event properties", function() { start(); }).click(); }); -*/ \ No newline at end of file +*/