jquery event: jQuery.Event can be instantiated without the 'new' keyword.
[jquery.git] / test / unit / event.js
index 4b96a4f..fd91819 100644 (file)
@@ -270,7 +270,7 @@ test("unbind(event)", function() {
 });
 
 test("trigger(event, [data], [fn])", function() {
-       expect(67);
+       expect(69);
 
        var handler = function(event, a, b, c) {
                equals( event.type, "click", "check passed data" );
@@ -301,54 +301,55 @@ test("trigger(event, [data], [fn])", function() {
                equals( c, "abc", "check passed data" );
                equals( v, "test", "check current value" );
        };
+       
+       var $elem = jQuery("#firstp");
 
        // Simulate a "native" click
-       jQuery("#firstp")[0].click = function(){
+       $elem[0].click = function(){
                ok( true, "Native call was triggered" );
        };
 
        // Triggers handlrs and native
        // Trigger 5
-       jQuery("#firstp").bind("click", handler).trigger("click", [1, "2", "abc"]);
+       $elem.bind("click", handler).trigger("click", [1, "2", "abc"]);
 
        // Triggers handlers, native, and extra fn
        // Triggers 9
-       jQuery("#firstp").trigger("click", [1, "2", "abc"], handler4);
+       $elem.trigger("click", [1, "2", "abc"], handler4);
 
        // Simulate a "native" click
-       jQuery("#firstp")[0].click = function(){
+       $elem[0].click = function(){
                ok( false, "Native call was triggered" );
        };
 
-       // Triggers handlers, native, and extra fn
-       // Triggers 7
-       jQuery("#firstp").trigger("click", [1, "2", "abc"], handler2);
-
        // Trigger only the handlers (no native)
        // Triggers 5
-       equals( jQuery("#firstp").triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response" );
+       equals( $elem.triggerHandler("click", [1, "2", "abc"]), "test", "Verify handler response" );
 
        // Trigger only the handlers (no native) and extra fn
        // Triggers 8
-       equals( jQuery("#firstp").triggerHandler("click", [1, "2", "abc"], handler2), false, "Verify handler response" );
+       equals( $elem.triggerHandler("click", [1, "2", "abc"], handler2), false, "Verify handler response" );
 
+       var eventObj = jQuery.Event("noNew");
+       
+       ok( eventObj != window, "Instantiate jQuery.Event without the 'new' keyword" );
+       equals( eventObj.type, "noNew", "Verify its type" );
+       
        // Build fake click event to pass in
-       var eventObj = jQuery.event.fix({ type: "foo", target: document.body });
+       eventObj = new jQuery.Event("click");
 
        // Trigger only the handlers (no native), with external event obj
        // Triggers 5
-       equals( jQuery("#firstp").triggerHandler("click", [eventObj, 1, "2", "abc"]), "test", "Verify handler response" );
+       equals( $elem.triggerHandler(eventObj, [1, "2", "abc"]), "test", "Verify handler response" );
 
        // Trigger only the handlers (no native) and extra fn, with external event obj
        // Triggers 9
-       eventObj = jQuery.event.fix({ type: "foo", target: document.body });
-       equals( jQuery("#firstp").triggerHandler("click", [eventObj, 1, "2", "abc"], handler), "test", "Verify handler response" );
+       eventObj = new jQuery.Event("click");
+       equals( $elem.triggerHandler(eventObj, [1, "2", "abc"], handler2), false, "Verify handler response" );
        
        var pass = true;
        try {
-               jQuery('#form input:first')
-                       .hide()
-                       .trigger('focus');
+               jQuery('#form input:first').hide().trigger('focus');
        } catch(e) {
                pass = false;
        }
@@ -356,11 +357,29 @@ test("trigger(event, [data], [fn])", function() {
 
        // have the extra handler override the return
        // Triggers 9
-       equals( jQuery("#firstp").triggerHandler("click", [1, "2", "abc"], handler3), "newVal", "Verify triggerHandler return is overwritten by extra function" );
+       equals( $elem.triggerHandler("click", [1, "2", "abc"], handler3), "newVal", "Verify triggerHandler return is overwritten by extra function" );
 
        // have the extra handler leave the return value alone
        // Triggers 9
-       equals( jQuery("#firstp").triggerHandler("click", [1, "2", "abc"], handler4), "test", "Verify triggerHandler return is not overwritten by extra function" );
+       equals( $elem.triggerHandler("click", [1, "2", "abc"], handler4), "test", "Verify triggerHandler return is not overwritten by extra function" );
+       
+       $elem.unbind('click').bind('foo',function(e){
+               equals( e.type, 'foo', 'Verify event type when passed passing an event object' );
+               equals( e.target.id, 'simon1', 'Verify event.target when passed passing an event object' );
+               equals( e.currentTarget.id, 'firstp', 'Verify event.target when passed passing an event object' );
+               equals( e.secret, 'boo!', 'Verify event object\'s custom attribute when passed passing an event object' );
+       });
+       
+       eventObj = new jQuery.Event('foo');
+       eventObj.secret = 'boo!';
+       
+       // Test with event object and bubbling  
+       jQuery("#simon1").trigger( eventObj );
+       
+       // Try passing an object literal
+       jQuery("#simon1").trigger( {type:'foo', secret:'boo!'} );
+       
+       $elem.unbind('foo');
 });
 
 test("toggle(Function, Function, ...)", function() {
@@ -418,6 +437,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();