X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Fevent.js;h=d0183f89dc1966640e3aecf0ab5a46fead18dc26;hb=0b6afcedd22aaffb96d3d45b9b220a16229e2f7c;hp=2937b1c02475f56e3d7de18ed3c262369398300e;hpb=104757705a19df3b6b9750aaef30aa451082f825;p=jquery.git diff --git a/test/unit/event.js b/test/unit/event.js index 2937b1c..d0183f8 100644 --- a/test/unit/event.js +++ b/test/unit/event.js @@ -1,5 +1,25 @@ module("event"); +test("null or undefined handler", function() { + expect(2); + // Supports Fixes bug #7229 + try { + + jQuery("#firstp").click(null); + + ok(true, "Passing a null handler will not throw an exception"); + + } catch (e) {} + + try { + + jQuery("#firstp").click(undefined); + + ok(true, "Passing an undefined handler will not throw an exception"); + + } catch (e) {} +}); + test("bind(), with data", function() { expect(3); var handler = function(event) { @@ -11,6 +31,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 +103,7 @@ test("bind(), multiple events at once and namespaces", function() { }); test("bind(), namespace with special add", function() { - expect(18); + expect(24); var div = jQuery("
").bind("test", function(e) { ok( true, "Test event fired." ); @@ -87,7 +118,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 +128,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 +151,18 @@ 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() { @@ -179,6 +226,113 @@ 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("live/delegate immediate propagation", function() { + expect(2); + + var $p = jQuery("#firstp"), $a = $p.find("a:first"), lastClick; + + lastClick = ""; + $a.live( "click", function(e) { + lastClick = "click1"; + e.stopImmediatePropagation(); + }); + $a.live( "click", function(e) { + lastClick = "click2"; + }); + $a.trigger( "click" ); + equals( lastClick, "click1", "live stopImmediatePropagation" ); + $a.die( "click" ); + + lastClick = ""; + $p.delegate( "a", "click", function(e) { + lastClick = "click1"; + e.stopImmediatePropagation(); + }); + $p.delegate( "a", "click", function(e) { + lastClick = "click2"; + }); + $a.trigger( "click" ); + equals( lastClick, "click1", "delegate stopImmediatePropagation" ); + $p.undelegate( "click" ); +}); + +test("bind/delegate bubbling, isDefaultPrevented", function() { + expect(2); + var $anchor2 = jQuery( "#anchor2" ), + $main = jQuery( "#main" ), + fakeClick = function($jq) { + // Prefer a native click so we don't get jQuery simulated bubbling + if ( $jq[0].click ) { + $jq[0].click(); // IE + } + else if ( document.createEvent ) { + var e = document.createEvent( 'MouseEvents' ); + e.initEvent( "click", true, true ); + $jq[0].dispatchEvent(e); + } + else { + $jq.click(); + } + }; + $anchor2.click(function(e) { + e.preventDefault(); + }); + $main.delegate("#foo", "click", function(e) { + equals( e.isDefaultPrevented(), true, "isDefaultPrevented true passed to bubbled event" ); + }); + fakeClick( $anchor2 ); + $anchor2.unbind( "click" ); + $main.undelegate( "click" ); + $anchor2.click(function(e) { + // Let the default action occur + }); + $main.delegate("#foo", "click", function(e) { + equals( e.isDefaultPrevented(), false, "isDefaultPrevented false passed to bubbled event" ); + }); + fakeClick( $anchor2 ); + $anchor2.unbind( "click" ); + $main.undelegate( "click" ); +}); + 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(); @@ -189,7 +343,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" ); @@ -357,6 +511,68 @@ 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( 8 ); + + 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." ); + }, + submit: function() { + ok( true, "Custom submit 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).trigger("submit"); + + jQuery(obj).unbind("test"); + jQuery(obj).unbind("submit"); + + // 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 ); @@ -368,28 +584,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() { @@ -755,7 +971,7 @@ test("toggle(Function, Function, ...)", function() { }); test(".live()/.die()", function() { - expect(65); + expect(66); var submit = 0, div = 0, livea = 0, liveb = 0; @@ -772,6 +988,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" ); @@ -779,55 +996,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( 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, 2, "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, 2, "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, 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, "live secondary click" ); + equals( livea, 0, "live secondary click" ); jQuery("div#nothiddendivchild").die("click"); jQuery("div#nothiddendiv").die("click"); @@ -895,17 +1119,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 @@ -914,11 +1141,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); @@ -1012,6 +1241,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(){ @@ -1043,7 +1280,61 @@ test("live with multiple events", function(){ equals( count, 2, "Make sure both the click and submit were triggered." ); }); +test("live with namespaces", function(){ + expect(12); + + var count1 = 0, count2 = 0; + + jQuery("#liveSpan1").live("foo.bar", function(e){ + count1++; + }); + + 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("#liveSpan1").trigger("foo.zed"); + equals( count1, 0, "Got live foo.zed" ); + equals( count2, 1, "Got live foo.zed" ); + + //remove one + count1 = 0, count2 = 0; + + jQuery("#liveSpan1").die("foo.zed"); + jQuery("#liveSpan1").trigger("foo.bar"); + + equals( count1, 1, "Got live foo.bar after dieing foo.zed" ); + equals( count2, 0, "Got live foo.bar after dieing 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, 0, "Did not respond to foo.bar after dieing it" ); + equals( count2, 0, "Did not respond to foo.bar after dieing it" ); + + 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(){ + expect(8); + var selectChange = 0, checkboxChange = 0; var select = jQuery("select[name='S1']") @@ -1075,28 +1366,13 @@ test("live with change", function(){ checkbox.trigger("change"); equals( checkboxChange, 1, "Change on checkbox." ); - // test before activate on radio - - // test blur/focus on textarea - var textarea = jQuery("#area1"), textareaChange = 0, oldVal = textarea.val(); - textarea.live("change", function() { - textareaChange++; - }); - - textarea.val(oldVal + "foo"); - textarea.trigger("change"); - equals( textareaChange, 1, "Change on textarea." ); - - textarea.val(oldVal); - textarea.die("change"); - // test blur/focus on text var text = jQuery("#name"), textChange = 0, oldTextVal = text.val(); text.live("change", function() { textChange++; }); - text.val(oldVal+"foo"); + text.val(oldTextVal+"foo"); text.trigger("change"); equals( textChange, 1, "Change on text input." ); @@ -1149,21 +1425,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); @@ -1182,6 +1501,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" ); @@ -1189,55 +1509,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"); @@ -1309,17 +1636,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 @@ -1328,11 +1658,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); @@ -1457,6 +1789,8 @@ test("delegate with multiple events", function(){ }); test("delegate with change", function(){ + expect(8); + var selectChange = 0, checkboxChange = 0; var select = jQuery("select[name='S1']"); @@ -1488,28 +1822,13 @@ test("delegate with change", function(){ checkbox.trigger("change"); equals( checkboxChange, 1, "Change on checkbox." ); - // test before activate on radio - - // test blur/focus on textarea - var textarea = jQuery("#area1"), textareaChange = 0, oldVal = textarea.val(); - jQuery("#body").delegate("#area1", "change", function() { - textareaChange++; - }); - - textarea.val(oldVal + "foo"); - textarea.trigger("change"); - equals( textareaChange, 1, "Change on textarea." ); - - textarea.val(oldVal); - jQuery("#body").undelegate("#area1", "change"); - // test blur/focus on text var text = jQuery("#name"), textChange = 0, oldTextVal = text.val(); jQuery("#body").delegate("#name", "change", function() { textChange++; }); - text.val(oldVal+"foo"); + text.val(oldTextVal+"foo"); text.trigger("change"); equals( textChange, 1, "Change on text input." ); @@ -1562,40 +1881,56 @@ 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.prependTo("body"); + + jQuery("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("body").unbind("focusin.focusinBubblesTest"); }); /*