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) {
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) {
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();
});
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" );
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( 2 );
+ expect( 8 );
var obj = {};
// 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." );
+ jQuery(obj).bind({
+ test: function() {
+ ok( true, "Custom event run." );
+ },
+ submit: function() {
+ ok( true, "Custom submit event run." );
+ }
});
- ok( jQuery(obj).data("events"), "Object has events bound." );
+ 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() {
}
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() {
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
// 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);
});
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" );
- jQuery("#liveSpan2").trigger("foo.zed");
+ 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
- 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(){
+ expect(8);
+
var selectChange = 0, checkboxChange = 0;
var select = jQuery("select[name='S1']")
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." );
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);
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
// 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);
});
test("delegate with change", function(){
+ expect(8);
+
var selectChange = 0, checkboxChange = 0;
var select = jQuery("select[name='S1']");
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." );
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("<input/>"), 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");
});
/*
git.asbjorn.biz / jquery.git / blobdiff