Adding in support for bubbling submit and change events, thanks to the patch by Justi...
[jquery.git] / test / unit / event.js
index 197406b..1ad7c3d 100644 (file)
@@ -192,6 +192,10 @@ test("bind(), multi-namespaced events", function() {
        jQuery("#firstp").bind("click.test.abc",function(e){
                check("click.test.abc", "Namespaced click triggered");
        });
+       
+       // Those would not trigger/unbind (#5303)
+       jQuery("#firstp").trigger("click.a.test");
+       jQuery("#firstp").unbind("click.a.test");
 
        // Trigger both bound fn (1)
        jQuery("#firstp").trigger("click.test.abc");
@@ -532,7 +536,7 @@ test("jQuery.Event.currentTarget", function(){
 });
 
 test("toggle(Function, Function, ...)", function() {
-       expect(11);
+       expect(16);
        
        var count = 0,
                fn1 = function(e) { count++; },
@@ -585,6 +589,22 @@ test("toggle(Function, Function, ...)", function() {
        $div.unbind('click',fns[0]);
        var data = jQuery.data( $div[0], 'events' );
        ok( !data, "Unbinding one function from toggle unbinds them all");
+
+       // Test Multi-Toggles
+       var a = [], b = [];
+       $div = jQuery("<div/>");
+       $div.toggle(function(){ a.push(1); }, function(){ a.push(2); });
+       $div.click();
+       same( a, [1], "Check that a click worked." );
+
+       $div.toggle(function(){ b.push(1); }, function(){ b.push(2); });
+       $div.click();
+       same( a, [1,2], "Check that a click worked with a second toggle." );
+       same( b, [1], "Check that a click worked with a second toggle." );
+
+       $div.click();
+       same( a, [1,2,1], "Check that a click worked with a second toggle, second click." );
+       same( b, [1,2], "Check that a click worked with a second toggle, second click." );
 });
 
 test(".live()/.die()", function() {
@@ -773,15 +793,17 @@ test(".live()/.die()", function() {
 
        jQuery('span#liveSpan1 a').click();
        equals( lived, 1, "Verify that only one first handler occurred." );
-       equals( livee, 0, "Verify that second handler don't." );
+       equals( livee, 0, "Verify that second handler doesn't." );
 
        // and one pair in inverse
-       jQuery('#liveHandlerOrder span#liveSpan2').live('click', function(){ livee++; });
-       jQuery('#liveHandlerOrder span#liveSpan2 a').live('click', function(){ lived++; return false; });
+       jQuery('span#liveSpan2').live('click', function(){ livee++; });
+       jQuery('span#liveSpan2 a').live('click', function(){ lived++; return false; });
 
+       lived = 0;
+       livee = 0;
        jQuery('span#liveSpan2 a').click();
-       equals( lived, 2, "Verify that only one first handler occurred." );
-       equals( livee, 0, "Verify that second handler don't." );
+       equals( lived, 1, "Verify that only one first handler occurred." );
+       equals( livee, 0, "Verify that second handler doesn't." );
        
        // Cleanup
        jQuery("span#liveSpan1 a, span#liveSpan1, span#liveSpan2 a, span#liveSpan2").die("click");
@@ -798,6 +820,145 @@ test(".live()/.die()", function() {
        jQuery('span#liveSpan1').die('click');
 });
 
+test("live with change", function(){
+       var selectChange = 0, checkboxChange = 0;
+       
+       var select = jQuery("select[name='S1']")
+       select.live("change", function() {
+               selectChange++;
+       });
+       
+       var checkbox = jQuery("#check2"), 
+               checkboxFunction = function(){
+                       checkboxChange++;
+               }
+       checkbox.live("change", checkboxFunction);
+       
+       // test click on select
+
+       // first click sets data
+       if ( !jQuery.support.changeBubbles ) {
+               select[0].selectedIndex = 1;
+               select.trigger("keyup");
+       }
+
+       // second click that changed it
+       selectChange = 0;
+       select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+       select.trigger(jQuery.support.changeBubbles ? "change" : "click");
+       equals( selectChange, 1, "Change on click." );
+       
+       // test keys on select
+       selectChange = 0;
+       select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+       select.trigger(jQuery.support.changeBubbles ? "change" : "keyup");
+       equals( selectChange, 1, "Change on keyup." );
+       
+       // test click on checkbox
+       checkbox.trigger(jQuery.support.changeBubbles ? "change" : "click");
+       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++;
+       });
+
+       if ( !jQuery.support.changeBubbles ) {
+               textarea.trigger("focus");
+       }
+
+       textarea.val(oldVal + "foo");
+       textarea.trigger(jQuery.support.changeBubbles ? "change" : "blur");
+       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++;
+       });
+
+       if ( !jQuery.support.changeBubbles ) {
+               text.trigger("focus");
+       }
+
+       text.val(oldVal+"foo");
+       text.trigger(jQuery.support.changeBubbles ? "change" : "blur");
+       equals( textChange, 1, "Change on text input." );
+
+       text.val(oldTextVal);
+       text.die("change");
+       
+       // test blur/focus on password
+       var password = jQuery("#name"), passwordChange = 0, oldPasswordVal = password.val();
+       password.live("change", function() {
+               passwordChange++;
+       });
+
+       if ( !jQuery.support.changeBubbles ) {
+               password.trigger("focus");
+       }
+
+       password.val(oldPasswordVal + "foo");
+       password.trigger(jQuery.support.changeBubbles ? "change" : "blur");
+       equals( passwordChange, 1, "Change on password input." );
+
+       password.val(oldPasswordVal);
+       password.die("change");
+       
+       // make sure die works
+       
+       // die all changes
+       selectChange = 0;
+       select.die("change");
+       select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+       select.trigger(jQuery.support.changeBubbles ? "change" : "click");
+       equals( selectChange, 0, "Die on click works." );
+
+       selectChange = 0;
+       select[0].selectedIndex = select[0].selectedIndex ? 0 : 1;
+       select.trigger(jQuery.support.changeBubbles ? "change" : "keyup");
+       equals( selectChange, 0, "Die on keyup works." );
+       
+       // die specific checkbox
+       checkbox.die("change", checkboxFunction);
+       checkbox.trigger(jQuery.support.changeBubbles ? "change" : "click");
+       equals( checkboxChange, 1, "Die on checkbox." );
+});
+
+test("live with submit", function() {
+       var count1 = 0, count2 = 0;
+       
+       jQuery("#testForm").live("submit", function(ev) {
+               count1++;
+               ev.preventDefault();
+       });
+
+       jQuery("body").live("submit", function(ev) {
+               count2++;
+               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").die("submit");
+       jQuery("body").die("submit");
+});
+
 test("live with focus/blur", function(){
        expect(2);