Clone fragments in domManip using jQuery.clone instead of DocumentFragment.cloneNode...
[jquery.git] / test / unit / manipulation.js
index 97d4ca0..8ee3688 100644 (file)
@@ -22,7 +22,9 @@ var testText = function(valueObj) {
        j.text(valueObj("hi!"));
        equals( jQuery(j[0]).text(), "hi!", "Check node,textnode,comment with text()" );
        equals( j[1].nodeValue, " there ", "Check node,textnode,comment with text()" );
-       equals( j[2].nodeType, 8, "Check node,textnode,comment with text()" );
+
+       // Blackberry 4.6 doesn't maintain comments in the DOM
+       equals( jQuery("#nonnodes")[0].childNodes.length < 3 ? 8 : j[2].nodeType, 8, "Check node,textnode,comment with text()" );
 }
 
 test("text(String)", function() {
@@ -35,16 +37,16 @@ test("text(Function)", function() {
 
 test("text(Function) with incoming value", function() {
        expect(2);
-       
+
        var old = "This link has class=\"blog\": Simon Willison's Weblog";
-       
+
        jQuery('#sap').text(function(i, val) {
                equals( val, old, "Make sure the incoming value is correct." );
                return "foobar";
        });
-       
+
        equals( jQuery("#sap").text(), "foobar", 'Check for merged text of more then one element.' );
-       
+
        QUnit.reset();
 });
 
@@ -72,7 +74,9 @@ var testWrap = function(val) {
        // using contents will get comments regular, text, and comment nodes
        var j = jQuery("#nonnodes").contents();
        j.wrap(val( "<i></i>" ));
-       equals( jQuery("#nonnodes > i").length, 3, "Check node,textnode,comment wraps ok" );
+
+       // Blackberry 4.6 doesn't maintain comments in the DOM
+       equals( jQuery("#nonnodes > i").length, jQuery("#nonnodes")[0].childNodes.length, "Check node,textnode,comment wraps ok" );
        equals( jQuery("#nonnodes > i").text(), j.text(), "Check node,textnode,comment wraps doesn't hurt text" );
 
        // Try wrapping a disconnected node
@@ -236,7 +240,7 @@ var testAppend = function(valueObj) {
        ok( jQuery("#sap").append(valueObj( [] )), "Check for appending an empty array." );
        ok( jQuery("#sap").append(valueObj( "" )), "Check for appending an empty string." );
        ok( jQuery("#sap").append(valueObj( document.getElementsByTagName("foo") )), "Check for appending an empty nodelist." );
-       
+
        QUnit.reset();
        jQuery("form").append(valueObj('<input name="radiotest" type="radio" checked="checked" />'));
        jQuery("form input[name=radiotest]").each(function(){
@@ -265,7 +269,7 @@ var testAppend = function(valueObj) {
                var body = jQuery("#iframe")[0].contentWindow.document.body;
 
                pass = false;
-               jQuery( document.body ).append(valueObj( "<div>test</div>" ));
+               jQuery( body ).append(valueObj( "<div>test</div>" ));
                pass = true;
        } catch(e) {}
 
@@ -318,18 +322,18 @@ test("append(Function)", function() {
 
 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>';
@@ -338,7 +342,7 @@ test("append(Function) with incoming value", function() {
        QUnit.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');
@@ -348,7 +352,7 @@ test("append(Function) with incoming value", function() {
        QUnit.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')];
@@ -358,7 +362,7 @@ test("append(Function) with incoming value", function() {
        QUnit.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("#yahoo, #first");
@@ -367,16 +371,36 @@ test("append(Function) with incoming value", function() {
 
        QUnit.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" );        
-       
+       ok( jQuery("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );
+
        QUnit.reset();
 });
 
+test("append the same fragment with events (Bug #6997, 5566)", function () {
+       expect(2);
+       stop(1000);
+
+       var element = jQuery("<a class='test6997'></a>").click(function () {
+               ok(true, "Append second element events work");
+       });
+
+       jQuery("#listWithTabIndex li").append(element)
+               .find('a.test6997').eq(1).click();
+
+       element = jQuery("<li class='test6997'></li>").click(function () {
+               ok(true, "Before second element events work");
+               start();
+       });
+
+       jQuery("#listWithTabIndex li").before(element);
+       jQuery("#listWithTabIndex li.test6997").eq(1).click();
+});
+
 test("appendTo(String|Element|Array&lt;Element&gt;|jQuery)", function() {
        expect(16);
 
@@ -485,16 +509,16 @@ test("prepend(Function)", function() {
 
 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>';
@@ -503,35 +527,35 @@ test("prepend(Function) with incoming value", function() {
        QUnit.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( jQuery('#sap').text(), expected, "Check for prepending of element" );
 
        QUnit.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( jQuery('#sap').text(), expected, "Check for prepending of array of elements" );
 
        QUnit.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("#yahoo, #first");
        });
-       
-       equals( jQuery('#sap').text(), expected, "Check for prepending of jQuery object" );     
+
+       equals( jQuery('#sap').text(), expected, "Check for prepending of jQuery object" );
 });
 
 test("prependTo(String|Element|Array&lt;Element&gt;|jQuery)", function() {
@@ -676,7 +700,7 @@ test("insertAfter(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 });
 
 var testReplaceWith = function(val) {
-       expect(17);
+       expect(20);
        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' );
@@ -744,6 +768,17 @@ var testReplaceWith = function(val) {
                //"</script>");
        equals(jQuery('.replacewith').length, 1, 'Check number of elements in page.');
        jQuery('.replacewith').remove();
+
+       QUnit.reset();
+
+       jQuery("#main").append("<div id='replaceWith'></div>");
+       equals( jQuery("#main").find("div[id=replaceWith]").length, 1, "Make sure only one div exists." );
+
+       jQuery("#replaceWith").replaceWith( val("<div id='replaceWith'></div>") );
+       equals( jQuery("#main").find("div[id=replaceWith]").length, 1, "Make sure only one div exists." );
+
+       jQuery("#replaceWith").replaceWith( val("<div id='replaceWith'></div>") );
+       equals( jQuery("#main").find("div[id=replaceWith]").length, 1, "Make sure only one div exists." );
 }
 
 test("replaceWith(String|Element|Array&lt;Element&gt;|jQuery)", function() {
@@ -753,7 +788,7 @@ test("replaceWith(String|Element|Array&lt;Element&gt;|jQuery)", function() {
 test("replaceWith(Function)", function() {
        testReplaceWith(functionReturningObj);
 
-       expect(18);
+       expect(21);
 
        var y = jQuery("#yahoo")[0];
 
@@ -895,7 +930,7 @@ var testHtml = function(valueObj) {
        equals( div.children().children().length, 1, "Make sure that a grandchild exists." );
 
        var space = jQuery("<div/>").html(valueObj("&#160;"))[0].innerHTML;
-       ok( /^\s$|^&nbsp;$/.test( space ), "Make sure entities are passed through correctly." );
+       ok( /^\xA0$|^&nbsp;$/.test( space ), "Make sure entities are passed through correctly." );
        equals( jQuery("<div/>").html(valueObj("&amp;"))[0].innerHTML, "&amp;", "Make sure entities are passed through correctly." );
 
        jQuery("#main").html(valueObj("<style>.foobar{color:green;}</style>"));
@@ -951,18 +986,29 @@ test("html(String)", function() {
 
 test("html(Function)", function() {
        testHtml(functionReturningObj);
+
+       expect(33);
+
+       QUnit.reset();
+
+       jQuery("#main").html(function(){
+               return jQuery(this).text();
+       });
+
+       ok( !/</.test( jQuery("#main").html() ), "Replace html with text." );
+       ok( jQuery("#main").html().length > 0, "Make sure text exists." );
 });
 
 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 ) {
@@ -975,22 +1021,27 @@ test("html(Function) with incoming value", function() {
        // 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>";
        });
-       
+
+       // Handle the case where no comment is in the document
+       if ( j.length === 2 ) {
+               equals( null, null, "Make sure the incoming value is correct." );
+       }
+
        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;
@@ -1001,16 +1052,16 @@ test("html(Function) with incoming value", function() {
                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." );   
+       }).html().replace(/>/g, "&gt;"), " " + insert, "Verify escaped insertion." );
 });
 
 var testRemove = function(method) {
@@ -1034,7 +1085,8 @@ var testRemove = function(method) {
        equals( jQuery("#ap").children().length, 0, "Check multi-filtered remove" );
 
        // using contents will get comments regular, text, and comment nodes
-       equals( jQuery("#nonnodes").contents().length, 3, "Check node,textnode,comment remove works" );
+       // Handle the case where no comment is in the document
+       ok( jQuery("#nonnodes").contents().length >= 2, "Check node,textnode,comment remove works" );
        jQuery("#nonnodes").contents()[method]();
        equals( jQuery("#nonnodes").contents().length, 0, "Check node,textnode,comment remove works" );
 
@@ -1043,9 +1095,9 @@ var testRemove = function(method) {
        var count = 0;
        var first = jQuery("#ap").children(":first");
        var cleanUp = first.click(function() { count++ })[method]().appendTo("body").click();
-       
+
        equals( method == "remove" ? 0 : 1, count );
-       
+
        cleanUp.detach();
 };
 
@@ -1070,58 +1122,58 @@ test("empty()", function() {
 
 test("jQuery.cleanData", function() {
        expect(14);
-       
+
        var type, pos, div, child;
-       
+
        type = "remove";
-       
+
        // Should trigger 4 remove event
        div = getDiv().remove();
-       
+
        // Should both do nothing
        pos = "Outer";
        div.trigger("click");
-       
+
        pos = "Inner";
        div.children().trigger("click");
-       
+
        type = "empty";
        div = getDiv();
        child = div.children();
-       
+
        // Should trigger 2 remove event
        div.empty();
-       
+
        // Should trigger 1
        pos = "Outer";
        div.trigger("click");
-       
+
        // Should do nothing
        pos = "Inner";
        child.trigger("click");
 
        // Should trigger 2
        div.remove();
-       
+
        type = "html";
-       
+
        div = getDiv();
        child = div.children();
-       
+
        // Should trigger 2 remove event
        div.html("<div></div>");
-       
+
        // Should trigger 1
        pos = "Outer";
        div.trigger("click");
-       
+
        // Should do nothing
        pos = "Inner";
        child.trigger("click");
 
        // Should trigger 2
        div.remove();
-       
+
        function getDiv() {
                var div = jQuery("<div class='outer'><div class='inner'></div></div>").click(function(){
                        ok( true, type + " " + pos + " Click event fired." );
@@ -1132,15 +1184,15 @@ test("jQuery.cleanData", function() {
                }).focus(function(){
                        ok( false, type + " " + pos + " Focus event fired." );
                }).end().appendTo("body");
-               
+
                div[0].detachEvent = div[0].removeEventListener = function(t){
                        ok( true, type + " Outer " + t + " event unbound" );
                };
-               
+
                div[0].firstChild.detachEvent = div[0].firstChild.removeEventListener = function(t){
                        ok( true, type + " Inner " + t + " event unbound" );
                };
-               
+
                return div;
        }
 });