X-Git-Url: http://git.asbjorn.it/?a=blobdiff_plain;f=test%2Funit%2Fevent.js;h=829ef7bcb49b8e2f00c0a1f76c0e039bf788e17b;hb=88068f82c199847d3679b130664dd91cc2e89f00;hp=21167c7de2177beb1673e9f9a86e726caf455a10;hpb=dd5c26304af1c5f884ebf0baa5df28a2f8a8c4cc;p=jquery.git diff --git a/test/unit/event.js b/test/unit/event.js index 21167c7..829ef7b 100644 --- a/test/unit/event.js +++ b/test/unit/event.js @@ -11,6 +11,17 @@ test("bind(), with data", function() { ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." ); }); +test("click(), with data", function() { + expect(3); + var handler = function(event) { + ok( event.data, "bind() with data, check passed data exists" ); + equals( event.data.foo, "bar", "bind() with data, Check value of passed data" ); + }; + jQuery("#firstp").click({foo: "bar"}, handler).click().unbind("click", handler); + + ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using data." ); +}); + test("bind(), with data, trigger with data", function() { expect(4); var handler = function(event, data) { @@ -72,7 +83,7 @@ test("bind(), multiple events at once and namespaces", function() { }); test("bind(), namespace with special add", function() { - expect(19); + expect(24); var div = jQuery("
").bind("test", function(e) { ok( true, "Test event fired." ); @@ -97,7 +108,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) { @@ -119,7 +132,17 @@ test("bind(), namespace with special add", function() { // Should trigger 2 div.trigger("test.b"); + // Should trigger 4 div.unbind("test"); + + div = jQuery("
").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() { @@ -183,6 +206,45 @@ test("bind/one/unbind(Object)", function(){ equals( mouseoverCounter, 4, "bind(Object)" ); }); +test("live/die(Object), delegate/undelegate(String, Object)", function() { + expect(6); + + var clickCounter = 0, mouseoverCounter = 0, + $p = jQuery("#firstp"), $a = $p.find("a:first"); + + var events = { + click: function( event ) { + clickCounter += ( event.data || 1 ); + }, + mouseover: function( event ) { + mouseoverCounter += ( event.data || 1 ); + } + }; + + function trigger() { + $a.trigger("click").trigger("mouseover"); + } + + $a.live( events ); + $p.delegate( "a", events, 2 ); + + trigger(); + equals( clickCounter, 3, "live/delegate" ); + equals( mouseoverCounter, 3, "live/delegate" ); + + $p.undelegate( "a", events ); + + trigger(); + equals( clickCounter, 4, "undelegate" ); + equals( mouseoverCounter, 4, "undelegate" ); + + $a.die( events ); + + trigger(); + equals( clickCounter, 4, "die" ); + equals( mouseoverCounter, 4, "die" ); +}); + test("bind(), iframes", function() { // events don't work with iframes, see #939 - this test fails in IE because of contentDocument var doc = jQuery("#loadediframe").contents(); @@ -193,7 +255,7 @@ test("bind(), iframes", function() { }); test("bind(), trigger change on select", function() { - expect(3); + expect(5); var counter = 0; function selectOnChange(event) { equals( event.data, counter++, "Event.data is not a global event object" ); @@ -361,6 +423,61 @@ test("bind(), with different this object", function() { ok( !jQuery.data(jQuery("#firstp")[0], "events"), "Event handler unbound when using different this object and data." ); }); +test("bind(name, false), unbind(name, false)", function() { + expect(3); + + var main = 0; + jQuery("#main").bind("click", function(e){ main++; }); + jQuery("#ap").trigger("click"); + equals( main, 1, "Verify that the trigger happened correctly." ); + + main = 0; + jQuery("#ap").bind("click", false); + jQuery("#ap").trigger("click"); + equals( main, 0, "Verify that no bubble happened." ); + + main = 0; + jQuery("#ap").unbind("click", false); + jQuery("#ap").trigger("click"); + equals( main, 1, "Verify that the trigger happened correctly." ); +}); + +test("bind()/trigger()/unbind() on plain object", function() { + expect( 7 ); + + var obj = {}; + + // Make sure it doesn't complain when no events are found + jQuery(obj).trigger("test"); + + // Make sure it doesn't complain when no events are found + jQuery(obj).unbind("test"); + + jQuery(obj).bind("test", function(){ + ok( true, "Custom event run." ); + }); + + var events = jQuery(obj).data("__events__"); + ok( events, "Object has events bound." ); + equals( obj.events, undefined, "Events object on plain objects is not events" ); + equals( typeof events, "function", "'events' expando is a function on plain objects." ); + equals( obj.test, undefined, "Make sure that test event is not on the plain object." ); + equals( obj.handle, undefined, "Make sure that the event handler is not on the plain object." ); + + // Should trigger 1 + jQuery(obj).trigger("test"); + + jQuery(obj).unbind("test"); + + // Should trigger 0 + jQuery(obj).trigger("test"); + + // Make sure it doesn't complain when no events are found + jQuery(obj).unbind("test"); + + equals( obj.__events__, undefined, "Make sure events object is removed" ); +}); + test("unbind(type)", function() { expect( 0 ); @@ -372,28 +489,28 @@ test("unbind(type)", function() { } message = "unbind passing function"; - $elem.bind('error', error).unbind('error',error).triggerHandler('error'); + $elem.bind('error1', error).unbind('error1',error).triggerHandler('error1'); message = "unbind all from event"; - $elem.bind('error', error).unbind('error').triggerHandler('error'); + $elem.bind('error1', error).unbind('error1').triggerHandler('error1'); message = "unbind all"; - $elem.bind('error', error).unbind().triggerHandler('error'); + $elem.bind('error1', error).unbind().triggerHandler('error1'); message = "unbind many with function"; - $elem.bind('error error2',error) - .unbind('error error2', error ) - .trigger('error').triggerHandler('error2'); + $elem.bind('error1 error2',error) + .unbind('error1 error2', error ) + .trigger('error1').triggerHandler('error2'); message = "unbind many"; // #3538 - $elem.bind('error error2',error) - .unbind('error error2') - .trigger('error').triggerHandler('error2'); + $elem.bind('error1 error2',error) + .unbind('error1 error2') + .trigger('error1').triggerHandler('error2'); message = "unbind without a type or handler"; - $elem.bind("error error2.test",error) + $elem.bind("error1 error2.test",error) .unbind() - .trigger("error").triggerHandler("error2"); + .trigger("error1").triggerHandler("error2"); }); test("unbind(eventObject)", function() { @@ -787,7 +904,7 @@ test(".live()/.die()", function() { submit = 0, div = 0, livea = 0, liveb = 0; jQuery("div#nothiddendivchild").trigger("click"); equals( submit, 0, "Click on inner div" ); - equals( div, 1, "Click on inner div" ); + equals( div, 2, "Click on inner div" ); equals( livea, 1, "Click on inner div" ); equals( liveb, 1, "Click on inner div" ); @@ -803,7 +920,7 @@ test(".live()/.die()", function() { submit = 0, div = 0, livea = 0, liveb = 0; jQuery("div#nothiddendivchild").trigger("click"); equals( submit, 0, "die Click on inner div" ); - equals( div, 1, "die Click on inner div" ); + equals( div, 2, "die Click on inner div" ); equals( livea, 1, "die Click on inner div" ); equals( liveb, 1, "die Click on inner div" ); @@ -812,7 +929,7 @@ test(".live()/.die()", function() { jQuery("div#nothiddendivchild").die("click"); jQuery("div#nothiddendivchild").trigger("click"); equals( submit, 0, "die Click on inner div" ); - equals( div, 1, "die Click on inner div" ); + equals( div, 2, "die Click on inner div" ); equals( livea, 1, "die Click on inner div" ); equals( liveb, 0, "die Click on inner div" ); @@ -830,7 +947,7 @@ test(".live()/.die()", function() { jQuery("div#nothiddendivchild").trigger("click"); 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( livea, 0, "stopPropagation Click on inner div" ); equals( liveb, 1, "stopPropagation Click on inner div" ); // Make sure click events only fire with primary click @@ -907,17 +1024,20 @@ test(".live()/.die()", function() { jQuery("#nothiddendiv").trigger("click"); equals( called, 1, "Verify that only one click occurred." ); + called = 0; jQuery("#anchor2").trigger("click"); - equals( called, 2, "Verify that only one click occurred." ); + equals( called, 1, "Verify that only one click occurred." ); // Make sure that only one callback is removed jQuery("#anchor2").die("click", callback); + called = 0; jQuery("#nothiddendiv").trigger("click"); - equals( called, 3, "Verify that only one click occurred." ); + equals( called, 1, "Verify that only one click occurred." ); + called = 0; jQuery("#anchor2").trigger("click"); - equals( called, 3, "Verify that no click occurred." ); + equals( called, 0, "Verify that no click occurred." ); // Make sure that it still works if the selector is the same, // but the event type is different @@ -926,11 +1046,13 @@ test(".live()/.die()", function() { // Cleanup jQuery("#nothiddendiv").die("click", callback); + called = 0; jQuery("#nothiddendiv").trigger("click"); - equals( called, 3, "Verify that no click occurred." ); + equals( called, 0, "Verify that no click occurred." ); + called = 0; jQuery("#nothiddendiv").trigger("foo"); - equals( called, 4, "Verify that one foo occurred." ); + equals( called, 1, "Verify that one foo occurred." ); // Cleanup jQuery("#nothiddendiv").die("foo", callback); @@ -1064,41 +1186,55 @@ test("live with multiple events", function(){ }); test("live with namespaces", function(){ - expect(6); + expect(12); var count1 = 0, count2 = 0; - jQuery("#liveSpan1").live("foo.bar", function(){ + jQuery("#liveSpan1").live("foo.bar", function(e){ count1++; }); - jQuery("#liveSpan2").live("foo.zed", function(){ + jQuery("#liveSpan1").live("foo.zed", function(e){ count2++; }); jQuery("#liveSpan1").trigger("foo.bar"); equals( count1, 1, "Got live foo.bar" ); + equals( count2, 0, "Got live foo.bar" ); + + count1 = 0, count2 = 0; - jQuery("#liveSpan2").trigger("foo.zed"); + jQuery("#liveSpan1").trigger("foo.zed"); + equals( count1, 0, "Got live foo.zed" ); equals( count2, 1, "Got live foo.zed" ); //remove one - jQuery("#liveSpan2").die("foo.zed"); + count1 = 0, count2 = 0; + + jQuery("#liveSpan1").die("foo.zed"); jQuery("#liveSpan1").trigger("foo.bar"); - equals( count1, 2, "Got live foo.bar after dieing foo.zed" ); + equals( count1, 1, "Got live foo.bar after dieing foo.zed" ); + equals( count2, 0, "Got live foo.bar after dieing foo.zed" ); - jQuery("#liveSpan2").trigger("foo.zed"); - equals( count2, 1, "Got live foo.zed" ); + count1 = 0, count2 = 0; + + jQuery("#liveSpan1").trigger("foo.zed"); + equals( count1, 0, "Got live foo.zed" ); + equals( count2, 0, "Got live foo.zed" ); //remove the other jQuery("#liveSpan1").die("foo.bar"); + count1 = 0, count2 = 0; + jQuery("#liveSpan1").trigger("foo.bar"); - equals( count1, 2, "Did not respond to foo.bar after dieing it" ); + equals( count1, 0, "Did not respond to foo.bar after dieing it" ); + equals( count2, 0, "Did not respond to foo.bar after dieing it" ); - jQuery("#liveSpan2").trigger("foo.zed"); - equals( count2, 1, "Did not trigger foo.zed again" ); + jQuery("#liveSpan1").trigger("foo.zed"); + equals( count1, 0, "Did not trigger foo.zed again" ); + equals( count2, 0, "Did not trigger foo.zed again" ); }); test("live with change", function(){ @@ -1207,21 +1343,64 @@ test("live with submit", function() { ev.preventDefault(); }); - if ( jQuery.support.submitBubbles ) { - jQuery("#testForm input[name=sub1]")[0].click(); - equals(count1,1 ); - equals(count2,1); - } else { - jQuery("#testForm input[name=sub1]")[0].click(); - jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13}); - equals(count1,2); - equals(count2,2); - } + jQuery("#testForm input[name=sub1]").submit(); + equals( count1, 1, "Verify form submit." ); + equals( count2, 1, "Verify body submit." ); jQuery("#testForm").die("submit"); jQuery("body").die("submit"); }); +test("live with special events", function() { + expect(13); + + jQuery.event.special.foo = { + setup: function( data, namespaces, handler ) { + ok( true, "Setup run." ); + }, + teardown: function( namespaces ) { + ok( true, "Teardown run." ); + }, + add: function( handleObj ) { + ok( true, "Add run." ); + }, + remove: function( handleObj ) { + ok( true, "Remove run." ); + }, + _default: function( event ) { + ok( true, "Default run." ); + } + }; + + // Run: setup, add + jQuery("#liveSpan1").live("foo.a", function(e){ + ok( true, "Handler 1 run." ); + }); + + // Run: add + jQuery("#liveSpan1").live("foo.b", function(e){ + ok( true, "Handler 2 run." ); + }); + + // Run: Handler 1, Handler 2, Default + jQuery("#liveSpan1").trigger("foo"); + + // Run: Handler 1, Default + // TODO: Namespace doesn't trigger default (?) + jQuery("#liveSpan1").trigger("foo.a"); + + // Run: remove + jQuery("#liveSpan1").die("foo.a"); + + // Run: Handler 2, Default + jQuery("#liveSpan1").trigger("foo"); + + // Run: remove, teardown + jQuery("#liveSpan1").die("foo"); + + delete jQuery.event.special.foo; +}); + test(".delegate()/.undelegate()", function() { expect(65); @@ -1240,6 +1419,7 @@ test(".delegate()/.undelegate()", 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" ); @@ -1247,55 +1427,62 @@ test(".delegate()/.undelegate()", 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( 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, "undelegate Click on inner div" ); - equals( div, 3, "undelegate Click on inner div" ); - equals( livea, 3, "undelegate Click on inner div" ); - equals( liveb, 2, "undelegate Click on inner div" ); + equals( submit, 0, "undelegate Click on inner div" ); + equals( div, 2, "undelegate Click on inner div" ); + equals( livea, 1, "undelegate Click on inner div" ); + equals( liveb, 1, "undelegate Click on inner div" ); // Now make sure that the removal works + submit = 0, div = 0, livea = 0, liveb = 0; jQuery("#body").undelegate("div#nothiddendivchild", "click"); jQuery("div#nothiddendivchild").trigger("click"); - equals( submit, 1, "undelegate Click on inner div" ); - equals( div, 4, "undelegate Click on inner div" ); - equals( livea, 4, "undelegate Click on inner div" ); - equals( liveb, 2, "undelegate Click on inner div" ); + equals( submit, 0, "undelegate Click on inner div" ); + equals( div, 2, "undelegate Click on inner div" ); + equals( livea, 1, "undelegate Click on inner div" ); + equals( liveb, 0, "undelegate 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, "undelegate Click on inner div" ); - equals( div, 5, "undelegate Click on inner div" ); - equals( livea, 5, "undelegate Click on inner div" ); - equals( liveb, 2, "undelegate Click on inner div" ); + equals( submit, 0, "undelegate Click on inner div" ); + equals( div, 1, "undelegate Click on inner div" ); + equals( livea, 1, "undelegate Click on inner div" ); + equals( liveb, 0, "undelegate Click on inner div" ); // Make sure that stopPropgation doesn't stop live events + submit = 0, div = 0, livea = 0, liveb = 0; jQuery("#body").delegate("div#nothiddendivchild", "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, 0, "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, "delegate secondary click" ); + equals( livea, 0, "delegate secondary click" ); jQuery("#body").undelegate("div#nothiddendivchild", "click"); jQuery("#body").undelegate("div#nothiddendiv", "click"); @@ -1367,17 +1554,20 @@ test(".delegate()/.undelegate()", function() { jQuery("#nothiddendiv").trigger("click"); equals( called, 1, "Verify that only one click occurred." ); + called = 0; jQuery("#anchor2").trigger("click"); - equals( called, 2, "Verify that only one click occurred." ); + equals( called, 1, "Verify that only one click occurred." ); // Make sure that only one callback is removed jQuery("#body").undelegate("#anchor2", "click", callback); + called = 0; jQuery("#nothiddendiv").trigger("click"); - equals( called, 3, "Verify that only one click occurred." ); + equals( called, 1, "Verify that only one click occurred." ); + called = 0; jQuery("#anchor2").trigger("click"); - equals( called, 3, "Verify that no click occurred." ); + equals( called, 0, "Verify that no click occurred." ); // Make sure that it still works if the selector is the same, // but the event type is different @@ -1386,11 +1576,13 @@ test(".delegate()/.undelegate()", function() { // Cleanup jQuery("#body").undelegate("#nothiddendiv", "click", callback); + called = 0; jQuery("#nothiddendiv").trigger("click"); - equals( called, 3, "Verify that no click occurred." ); + equals( called, 0, "Verify that no click occurred." ); + called = 0; jQuery("#nothiddendiv").trigger("foo"); - equals( called, 4, "Verify that one foo occurred." ); + equals( called, 1, "Verify that one foo occurred." ); // Cleanup jQuery("#body").undelegate("#nothiddendiv", "foo", callback); @@ -1620,42 +1812,52 @@ test("delegate with submit", function() { ev.preventDefault(); }); - if ( jQuery.support.submitBubbles ) { - jQuery("#testForm input[name=sub1]")[0].click(); - equals(count1,1 ); - equals(count2,1); - } else { - jQuery("#testForm input[name=sub1]")[0].click(); - jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13}); - equals(count1,2); - equals(count2,2); - } + jQuery("#testForm input[name=sub1]").submit(); + equals( count1, 1, "Verify form submit." ); + equals( count2, 1, "Verify body submit." ); jQuery("#body").undelegate(); jQuery(document).undelegate(); }); test("Non DOM element events", function() { - expect(3); - - jQuery({}) - .bind('nonelementglobal', function(e) { - ok( true, "Global event on non-DOM annonymos object triggered" ); - }); + expect(1); var o = {}; - jQuery(o) - .bind('nonelementobj', function(e) { - ok( true, "Event on non-DOM object triggered" ); - }).bind('nonelementglobal', function() { - ok( true, "Global event on non-DOM object triggered" ); - }); + jQuery(o).bind('nonelementobj', function(e) { + ok( true, "Event on non-DOM object triggered" ); + }); jQuery(o).trigger('nonelementobj'); - jQuery.event.trigger('nonelementglobal'); }); +test("window resize", function() { + expect(2); + + jQuery(window).unbind(); + + jQuery(window).bind("resize", function(){ + ok( true, "Resize event fired." ); + }).resize().unbind("resize"); + + ok( !jQuery(window).data("__events__"), "Make sure all the events are gone." ); +}); +test("focusin bubbles", function(){ + //create an input and focusin on it + var input = jQuery(""), + order = 0; + input.appendTo(document.body); + jQuery(document.body).bind("focusin.focusinBubblesTest",function(){ + equals(1,order++,"focusin on the body second") + }) + input.bind("focusin.focusinBubblesTest",function(){ + equals(0,order++,"focusin on the element first") + }) + input[0].focus(); + input.remove(); + jQuery(document.body).unbind("focusin.focusinBubblesTest"); +}) /* test("jQuery(function($) {})", function() { stop();