X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Fmanipulation.js;h=e387d640eba82b04fb7cf6270c67a92e1b2148a3;hb=01f72026ec939e87da85a7afc1a5262872ea3ce5;hp=35b24af90444d766b69efb7c362ebc99b3510378;hpb=cc1a34852f02a9304c555fefba470b28f0a6f8b2;p=jquery.git

diff --git a/test/unit/manipulation.js b/test/unit/manipulation.js
index 35b24af..e387d64 100644
--- a/test/unit/manipulation.js
+++ b/test/unit/manipulation.js
@@ -139,13 +139,8 @@ test("wrapAll(String|Element)", function() {
 	testWrapAll(bareObj);
 });
 
-// TODO: Figure out why each(wrapAll) is not equivalent to wrapAll
-// test("wrapAll(Function)", function() {
-//	testWrapAll(functionReturningObj);
-// })
-
 var testWrapInner = function(val) {
-	expect(6);
+	expect(8);
 	var num = jQuery("#first").children().length;
 	var result = jQuery('#first').wrapInner('<div class="red"><div id="tmp"></div></div>');
 	equals( jQuery("#first").children().length, 1, "Only one child" );
@@ -158,6 +153,11 @@ var testWrapInner = function(val) {
 	equals( jQuery("#first").children().length, 1, "Only one child" );
 	ok( jQuery("#first").children().is("#empty"), "Verify Right Element" );
 	equals( jQuery("#first").children().children().length, num, "Verify Elements Intact" );
+
+	var div = jQuery("<div/>");
+	div.wrapInner("<span></span>");
+	equals(div.children().length, 1, "The contents were wrapped.");
+	equals(div.children()[0].nodeName.toLowerCase(), "span", "A span was inserted.");
 }
 
 test("wrapInner(String|Element)", function() {
@@ -288,7 +288,68 @@ test("append(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 
 test("append(Function)", function() {
 	testAppend(functionReturningObj);
-})
+});
+
+test("append(Function) with incoming value", function() {
+	expect(12);
+	
+	var defaultText = 'Try them out:', old = jQuery("#first").html();
+	
+	var result = jQuery('#first').append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return '<b>buga</b>';
+	});
+	equals( result.text(), defaultText + 'buga', 'Check if text appending works' );
+	
+	var select = jQuery('#select3');
+	old = select.html();
+	
+	equals( select.append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return '<option value="appendTest">Append Test</option>';
+	}).find('option:last-child').attr('value'), 'appendTest', 'Appending html options to select element');
+
+	reset();
+	var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
+	old = jQuery("#sap").html();
+	
+	jQuery('#sap').append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return document.getElementById('first');
+	});
+	equals( expected, jQuery('#sap').text(), "Check for appending of element" );
+
+	reset();
+	expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
+	old = jQuery("#sap").html();
+	
+	jQuery('#sap').append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return [document.getElementById('first'), document.getElementById('yahoo')];
+	});
+	equals( expected, jQuery('#sap').text(), "Check for appending of array of elements" );
+
+	reset();
+	expected = "This link has class=\"blog\": Simon Willison's WeblogYahooTry them out:";
+	old = jQuery("#sap").html();
+	
+	jQuery('#sap').append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return jQuery("#first, #yahoo");
+	});
+	equals( expected, jQuery('#sap').text(), "Check for appending of jQuery object" );
+
+	reset();
+	old = jQuery("#sap").html();
+	
+	jQuery("#sap").append(function(i, val){
+		equals( val, old, "Make sure the incoming value is correct." );
+		return 5;
+	});
+	ok( jQuery("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );	
+	
+	reset();
+});
 
 test("appendTo(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 	expect(12);
@@ -362,7 +423,7 @@ var testPrepend = function(val) {
 	expected = "YahooTry them out:This link has class=\"blog\": Simon Willison's Weblog";
 	jQuery('#sap').prepend(val( jQuery("#first, #yahoo") ));
 	equals( expected, jQuery('#sap').text(), "Check for prepending of jQuery object" );
-}
+};
 
 test("prepend(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 	testPrepend(bareObj);
@@ -370,7 +431,58 @@ test("prepend(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 
 test("prepend(Function)", function() {
 	testPrepend(functionReturningObj);
-})
+});
+
+test("prepend(Function) with incoming value", function() {
+	expect(10);
+	
+	var defaultText = 'Try them out:', old = jQuery('#first').html();
+	var result = jQuery('#first').prepend(function(i, val) {
+		equals( val, old, "Make sure the incoming value is correct." );
+		return '<b>buga</b>';
+	});
+	equals( result.text(), 'buga' + defaultText, 'Check if text prepending works' );
+	
+	old = jQuery("#select3").html();
+	
+	equals( jQuery('#select3').prepend(function(i, val) {
+		equals( val, old, "Make sure the incoming value is correct." );
+		return '<option value="prependTest">Prepend Test</option>';
+	}).find('option:first-child').attr('value'), 'prependTest', 'Prepending html options to select element');
+
+	reset();
+	var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
+	old = jQuery('#sap').html();
+	
+	jQuery('#sap').prepend(function(i, val) {
+		equals( val, old, "Make sure the incoming value is correct." );
+		return document.getElementById('first');
+	});
+	
+	equals( expected, jQuery('#sap').text(), "Check for prepending of element" );
+
+	reset();
+	expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
+	old = jQuery('#sap').html();
+	
+	jQuery('#sap').prepend(function(i, val) {
+		equals( val, old, "Make sure the incoming value is correct." );
+		return [document.getElementById('first'), document.getElementById('yahoo')];
+	});
+	
+	equals( expected, jQuery('#sap').text(), "Check for prepending of array of elements" );
+
+	reset();
+	expected = "YahooTry them out:This link has class=\"blog\": Simon Willison's Weblog";
+	old = jQuery('#sap').html();
+	
+	jQuery('#sap').prepend(function(i, val) {
+		equals( val, old, "Make sure the incoming value is correct." );
+		return jQuery("#first, #yahoo");
+	});
+	
+	equals( expected, jQuery('#sap').text(), "Check for prepending of jQuery object" );	
+});
 
 test("prependTo(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 	expect(6);
@@ -514,7 +626,7 @@ test("insertAfter(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 });
 
 var testReplaceWith = function(val) {
-	expect(14);
+	expect(15);
 	jQuery('#yahoo').replaceWith(val( '<b id="replace">buga</b>' ));
 	ok( jQuery("#replace")[0], 'Replace element with string' );
 	ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after string' );
@@ -536,14 +648,44 @@ var testReplaceWith = function(val) {
 	ok( jQuery("#mark")[0], 'Replace element with set of elements' );
 	ok( !jQuery("#yahoo")[0], 'Verify that original element is gone, after set of elements' );
 
+	reset();
+	var tmp = jQuery("<div/>").appendTo("body").click(function(){ ok(true, "Newly bound click run." ); });
+	var y = jQuery('<div/>').appendTo("body").click(function(){ ok(true, "Previously bound click run." ); });
+	var child = y.append("<b>test</b>").find("b").click(function(){ ok(true, "Child bound click run." ); return false; });
+
+	y.replaceWith( tmp );
+
+	tmp.click();
+	y.click(); // Shouldn't be run
+	child.click(); // Shouldn't be run
+
+	tmp.remove();
+	y.remove();
+	child.remove();
+
+	reset();
+
+	y = jQuery('<div/>').appendTo("body").click(function(){ ok(true, "Previously bound click run." ); });
+	var child2 = y.append("<u>test</u>").find("u").click(function(){ ok(true, "Child 2 bound click run." ); return false; });
+
+	y.replaceWith( child2 );
+
+	child2.click();
+
+	y.remove();
+	child2.remove();
+
+	reset();
+
 	var set = jQuery("<div/>").replaceWith(val("<span>test</span>"));
 	equals( set[0].nodeName.toLowerCase(), "span", "Replace the disconnected node." );
 	equals( set.length, 1, "Replace the disconnected node." );
 
 	var $div = jQuery("<div class='replacewith'></div>").appendTo("body");
-	$div.replaceWith("<div class='replacewith'></div><script>" +
-		"equals(jQuery('.replacewith').length, 1, 'Check number of elements in page.');" +
-		"</script>");
+	// TODO: Work on jQuery(...) inline script execution
+	//$div.replaceWith("<div class='replacewith'></div><script>" +
+		//"equals(jQuery('.replacewith').length, 1, 'Check number of elements in page.');" +
+		//"</script>");
 	equals(jQuery('.replacewith').length, 1, 'Check number of elements in page.');
 	jQuery('.replacewith').remove();
 }
@@ -681,9 +823,9 @@ var testHtml = function(valueObj) {
 	equals( $div.html(valueObj( 0 )).html(), '0', 'Setting a zero as html' );
 
 	var $div2 = jQuery('<div/>'), insert = "&lt;div&gt;hello1&lt;/div&gt;";
-	equals( $div2.html(insert).html(), insert, "Verify escaped insertion." );
-	equals( $div2.html("x" + insert).html(), "x" + insert, "Verify escaped insertion." );
-	equals( $div2.html(" " + insert).html(), " " + insert, "Verify escaped insertion." );
+	equals( $div2.html(insert).html().replace(/>/g, "&gt;"), insert, "Verify escaped insertion." );
+	equals( $div2.html("x" + insert).html().replace(/>/g, "&gt;"), "x" + insert, "Verify escaped insertion." );
+	equals( $div2.html(" " + insert).html().replace(/>/g, "&gt;"), " " + insert, "Verify escaped insertion." );
 
 	var map = jQuery("<map/>").html(valueObj("<area id='map01' shape='rect' coords='50,50,150,150' href='http://www.jquery.com/' alt='jQuery'>"));
 
@@ -714,6 +856,66 @@ test("html(Function)", function() {
 	testHtml(functionReturningObj);
 });
 
+test("html(Function) with incoming value", function() {
+	expect(20);
+	
+	var div = jQuery("#main > div"), old = div.map(function(){ return jQuery(this).html() });
+	
+	div.html(function(i, val) {
+		equals( val, old[i], "Make sure the incoming value is correct." );
+		return "<b>test</b>";
+	});
+	
+	var pass = true;
+	div.each(function(){
+		if ( this.childNodes.length !== 1 ) {
+			pass = false;
+		}
+	})
+	ok( pass, "Set HTML" );
+
+	reset();
+	// using contents will get comments regular, text, and comment nodes
+	var j = jQuery("#nonnodes").contents();
+	old = j.map(function(){ return jQuery(this).html(); });
+	
+	j.html(function(i, val) {
+		equals( val, old[i], "Make sure the incoming value is correct." );
+		return "<b>bold</b>";
+	});
+	
+	j.find('b').removeData();
+	equals( j.html().replace(/ xmlns="[^"]+"/g, "").toLowerCase(), "<b>bold</b>", "Check node,textnode,comment with html()" );
+	
+	var $div = jQuery('<div />');
+	
+	equals( $div.html(function(i, val) {
+		equals( val, "", "Make sure the incoming value is correct." );
+		return 5;
+	}).html(), '5', 'Setting a number as html' );
+	
+	equals( $div.html(function(i, val) {
+		equals( val, "5", "Make sure the incoming value is correct." );
+		return 0;
+	}).html(), '0', 'Setting a zero as html' );
+
+	var $div2 = jQuery('<div/>'), insert = "&lt;div&gt;hello1&lt;/div&gt;";
+	equals( $div2.html(function(i, val) {
+		equals( val, "", "Make sure the incoming value is correct." );
+		return insert;
+	}).html().replace(/>/g, "&gt;"), insert, "Verify escaped insertion." );
+	
+	equals( $div2.html(function(i, val) {
+		equals( val.replace(/>/g, "&gt;"), insert, "Make sure the incoming value is correct." );
+		return "x" + insert;
+	}).html().replace(/>/g, "&gt;"), "x" + insert, "Verify escaped insertion." );
+	
+	equals( $div2.html(function(i, val) {
+		equals( val.replace(/>/g, "&gt;"), "x" + insert, "Make sure the incoming value is correct." );
+		return " " + insert;
+	}).html().replace(/>/g, "&gt;"), " " + insert, "Verify escaped insertion." );	
+});
+
 var testRemove = function(method) {
 	expect(9);