Adding in support for bubbling submit and change events, thanks to the patch by Justi...

[jquery.git] / test / unit / event.js

diff --git a/test/unit/event.js b/test/unit/event.js
index 65b08af..1ad7c3d 100644 (file)
--- a/test/unit/event.js
+++ b/test/unit/event.js
@@ -820,20 +820,143 @@ test(".live()/.die()", function() {
        jQuery('span#liveSpan1').die('click');
 });
 
-test("live with submit", function() {
-       var count = 0;
+test("live with change", function(){
+       var selectChange = 0, checkboxChange = 0;
        
-       jQuery("#testForm").live("submit", function() {
-               count++;
-               return false;
+       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
        
-       jQuery("#testForm input[name=sub1]")[0].click();
-       jQuery("#testForm input[name=T1]").trigger({type: "keypress", keyCode: 13});
+       // 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;
        
-       equals(2, count);
+       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(){