From d42afd0f657d12d6daba6894d40226bea83fe1b6 Mon Sep 17 00:00:00 2001 From: Justin Meyer Date: Fri, 4 Dec 2009 11:28:50 -0500 Subject: Adding in support for bubbling submit and change events, thanks to the patch by Justin Meyer. Includes a delegation test suite for manually testing to see if the events work as intended. --- test/delegatetest.html | 123 +++++++++++++++++++++++++++++++++++++++++++ test/unit/event.js | 139 ++++++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 254 insertions(+), 8 deletions(-) create mode 100644 test/delegatetest.html (limited to 'test') diff --git a/test/delegatetest.html b/test/delegatetest.html new file mode 100644 index 000000000..c580b290e --- /dev/null +++ b/test/delegatetest.html @@ -0,0 +1,123 @@ + + + + + + +

Change Tests

+ + + + + + + + + + + + + + + + + + + + + +
+ Change each: + + + + + + +
+ + + 		+ +
+ + + 		+ + + + $().bind('change')
Results:SELECTMULTICHECKBOXRADIOTEXTTEXTAREADOCUMENT
+

Submit Tests

+ + + + + + + + + + + + + + + +
+ Submit each: + +
+ +
+ 		+
+ +
+ 		+
+ +
+ 		$().bind('submit')
Results:TEXTPASSWORDBUTTONDOCUMENT
+ + + + + diff --git a/test/unit/event.js b/test/unit/event.js index 65b08af8d..1ad7c3d0c 100644 --- 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(){ -- cgit v1.2.3