-test("height()", function() {
- expect(8);
-
- var $div = jQuery("#nothiddendiv");
- $div.height(30);
- equals($div.height(), 30, "Test set to 30 correctly");
- $div.height(-1); // handle negative numbers by ignoring #1599
- equals($div.height(), 30, "Test negative height ignored");
- $div.css("padding", "20px");
- equals($div.height(), 30, "Test padding specified with pixels");
- $div.css("border", "2px solid #fff");
- equals($div.height(), 30, "Test border specified with pixels");
- $div.css("padding", "2em");
- equals($div.height(), 30, "Test padding specified with ems");
- $div.css("border", "1em solid #fff");
- equals($div.height(), 30, "Test border specified with ems");
- $div.css("padding", "2%");
- equals($div.height(), 30, "Test padding specified with percent");
- $div.hide();
- equals($div.height(), 30, "Test hidden div");
-
- $div.css({ display: "", border: "", padding: "", height: "1px" });
-});
-
-test("text()", function() {
- expect(1);
- var expected = "This link has class=\"blog\": Simon Willison's Weblog";
- equals( jQuery('#sap').text(), expected, 'Check for merged text of more then one element.' );
-});
-
-test("wrap(String|Element)", function() {
- expect(8);
- var defaultText = 'Try them out:'
- var result = jQuery('#first').wrap('<div class="red"><span></span></div>').text();
- equals( defaultText, result, 'Check for wrapping of on-the-fly html' );
- ok( jQuery('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
-
- reset();
- var defaultText = 'Try them out:'
- var result = jQuery('#first').wrap(document.getElementById('empty')).parent();
- ok( result.is('ol'), 'Check for element wrapping' );
- equals( result.text(), defaultText, 'Check for element wrapping' );
-
- reset();
- jQuery('#check1').click(function() {
- var checkbox = this;
- ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
- jQuery(checkbox).wrap( '<div id="c1" style="display:none;"></div>' );
- ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
- }).click();
-
- // using contents will get comments regular, text, and comment nodes
- var j = jQuery("#nonnodes").contents();
- j.wrap("<i></i>");
- equals( jQuery("#nonnodes > i").length, 3, "Check node,textnode,comment wraps ok" );
- equals( jQuery("#nonnodes > i").text(), j.text() + j[1].nodeValue, "Check node,textnode,comment wraps doesn't hurt text" );
-});
-
-test("wrapAll(String|Element)", function() {
- expect(8);
- var prev = jQuery("#firstp")[0].previousSibling;
- var p = jQuery("#firstp,#first")[0].parentNode;
- var result = jQuery('#firstp,#first').wrapAll('<div class="red"><div id="tmp"></div></div>');
- equals( result.parent().length, 1, 'Check for wrapping of on-the-fly html' );
- ok( jQuery('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
- ok( jQuery('#firstp').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
- equals( jQuery("#first").parent().parent()[0].previousSibling, prev, "Correct Previous Sibling" );
- equals( jQuery("#first").parent().parent()[0].parentNode, p, "Correct Parent" );
-
- reset();
- var prev = jQuery("#firstp")[0].previousSibling;
- var p = jQuery("#first")[0].parentNode;
- var result = jQuery('#firstp,#first').wrapAll(document.getElementById('empty'));
- equals( jQuery("#first").parent()[0], jQuery("#firstp").parent()[0], "Same Parent" );
- equals( jQuery("#first").parent()[0].previousSibling, prev, "Correct Previous Sibling" );
- equals( jQuery("#first").parent()[0].parentNode, p, "Correct Parent" );
-});
-
-test("wrapInner(String|Element)", function() {
- expect(6);
- 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" );
- ok( jQuery("#first").children().is(".red"), "Verify Right Element" );
- equals( jQuery("#first").children().children().children().length, num, "Verify Elements Intact" );
-
- reset();
- var num = jQuery("#first").children().length;
- var result = jQuery('#first').wrapInner(document.getElementById('empty'));
- 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" );
-});
-
-test("append(String|Element|Array<Element>|jQuery)", function() {
- expect(21);
- var defaultText = 'Try them out:'
- var result = jQuery('#first').append('<b>buga</b>');
- equals( result.text(), defaultText + 'buga', 'Check if text appending works' );
- equals( jQuery('#select3').append('<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:";
- jQuery('#sap').append(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";
- jQuery('#sap').append([document.getElementById('first'), document.getElementById('yahoo')]);
- equals( expected, jQuery('#sap').text(), "Check for appending of array of elements" );
-
- reset();
- expected = document.querySelectorAll ?
- "This link has class=\"blog\": Simon Willison's WeblogYahooTry them out:" :
- "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- jQuery('#sap').append(jQuery("#first, #yahoo"));
- equals( expected, jQuery('#sap').text(), "Check for appending of jQuery object" );
-
- reset();
- jQuery("#sap").append( 5 );
- ok( jQuery("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );
-
- reset();
- jQuery("#sap").append( " text with spaces " );
- ok( jQuery("#sap")[0].innerHTML.match(/ text with spaces $/), "Check for appending text with spaces" );
-
- reset();
- ok( jQuery("#sap").append([]), "Check for appending an empty array." );
- ok( jQuery("#sap").append(""), "Check for appending an empty string." );
- ok( jQuery("#sap").append(document.getElementsByTagName("foo")), "Check for appending an empty nodelist." );
-
- reset();
- jQuery("#sap").append(document.getElementById('form'));
- equals( jQuery("#sap>form").size(), 1, "Check for appending a form" ); // Bug #910
-
- reset();
- var pass = true;
- try {
- jQuery( jQuery("#iframe")[0].contentWindow.document.body ).append("<div>test</div>");
- } catch(e) {
- pass = false;
- }
-
- ok( pass, "Test for appending a DOM node to the contents of an IFrame" );
-
- reset();
- jQuery('<fieldset/>').appendTo('#form').append('<legend id="legend">test</legend>');
- t( 'Append legend', '#legend', ['legend'] );
-
- reset();
- jQuery('#select1').append('<OPTION>Test</OPTION>');
- equals( jQuery('#select1 option:last').text(), "Test", "Appending <OPTION> (all caps)" );
-
- jQuery('#table').append('<colgroup></colgroup>');
- ok( jQuery('#table colgroup').length, "Append colgroup" );
-
- jQuery('#table colgroup').append('<col/>');
- ok( jQuery('#table colgroup col').length, "Append col" );
-
- reset();
- jQuery('#table').append('<caption></caption>');
- ok( jQuery('#table caption').length, "Append caption" );
-
- reset();
- jQuery('form:last')
- .append('<select id="appendSelect1"></select>')
- .append('<select id="appendSelect2"><option>Test</option></select>');
-
- t( "Append Select", "#appendSelect1, #appendSelect2", ["appendSelect1", "appendSelect2"] );
-
- // using contents will get comments regular, text, and comment nodes
- var j = jQuery("#nonnodes").contents();
- var d = jQuery("<div/>").appendTo("#nonnodes").append(j);
- equals( jQuery("#nonnodes").length, 1, "Check node,textnode,comment append moved leaving just the div" );
- ok( d.contents().length >= 2, "Check node,textnode,comment append works" );
- d.contents().appendTo("#nonnodes");
- d.remove();
- ok( jQuery("#nonnodes").contents().length >= 2, "Check node,textnode,comment append cleanup worked" );
-});
-
-test("appendTo(String|Element|Array<Element>|jQuery)", function() {
- expect(6);
- var defaultText = 'Try them out:'
- jQuery('<b>buga</b>').appendTo('#first');
- equals( jQuery("#first").text(), defaultText + 'buga', 'Check if text appending works' );
- equals( jQuery('<option value="appendTest">Append Test</option>').appendTo('#select3').parent().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:";
- jQuery(document.getElementById('first')).appendTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for appending of element" );
-
- reset();
- expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- jQuery([document.getElementById('first'), document.getElementById('yahoo')]).appendTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for appending of array of elements" );
-
- reset();
- expected = document.querySelectorAll ?
- "This link has class=\"blog\": Simon Willison's WeblogYahooTry them out:" :
- "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- jQuery("#first, #yahoo").appendTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for appending of jQuery object" );
-
- reset();
- jQuery('#select1').appendTo('#foo');
- t( 'Append select', '#foo select', ['select1'] );
-});
-
-test("prepend(String|Element|Array<Element>|jQuery)", function() {
- expect(5);
- var defaultText = 'Try them out:'
- var result = jQuery('#first').prepend('<b>buga</b>');
- equals( result.text(), 'buga' + defaultText, 'Check if text prepending works' );
- equals( jQuery('#select3').prepend('<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";
- jQuery('#sap').prepend(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";
- jQuery('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]);
- equals( expected, jQuery('#sap').text(), "Check for prepending of array of elements" );
-
- reset();
- expected = document.querySelectorAll ?
- "YahooTry them out:This link has class=\"blog\": Simon Willison's Weblog" :
- "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- jQuery('#sap').prepend(jQuery("#first, #yahoo"));
- equals( expected, jQuery('#sap').text(), "Check for prepending of jQuery object" );
-});
-
-test("prependTo(String|Element|Array<Element>|jQuery)", function() {
- expect(6);
- var defaultText = 'Try them out:'
- jQuery('<b>buga</b>').prependTo('#first');
- equals( jQuery('#first').text(), 'buga' + defaultText, 'Check if text prepending works' );
- equals( jQuery('<option value="prependTest">Prepend Test</option>').prependTo('#select3').parent().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";
- jQuery(document.getElementById('first')).prependTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for prepending of element" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- jQuery([document.getElementById('yahoo'), document.getElementById('first')]).prependTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for prepending of array of elements" );
-
- reset();
- expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
- jQuery("#yahoo, #first").prependTo('#sap');
- equals( expected, jQuery('#sap').text(), "Check for prepending of jQuery object" );
-
- reset();
- jQuery('<select id="prependSelect1"></select>').prependTo('form:last');
- jQuery('<select id="prependSelect2"><option>Test</option></select>').prependTo('form:last');
-
- t( "Prepend Select", "#prependSelect2, #prependSelect1", ["prependSelect2", "prependSelect1"] );
-});
-
-test("before(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: bugaYahoo';
- jQuery('#yahoo').before('<b>buga</b>');
- equals( expected, jQuery('#en').text(), 'Insert String before' );
-
- reset();
- expected = "This is a normal link: Try them out:Yahoo";
- jQuery('#yahoo').before(document.getElementById('first'));
- equals( expected, jQuery('#en').text(), "Insert element before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- jQuery('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]);
- equals( expected, jQuery('#en').text(), "Insert array of elements before" );
-
- reset();
- expected = document.querySelectorAll ?
- "This is a normal link: diveintomarkTry them out:Yahoo" :
- "This is a normal link: Try them out:diveintomarkYahoo";
- jQuery('#yahoo').before(jQuery("#first, #mark"));
- equals( expected, jQuery('#en').text(), "Insert jQuery before" );
-});
-
-test("insertBefore(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: bugaYahoo';
- jQuery('<b>buga</b>').insertBefore('#yahoo');
- equals( expected, jQuery('#en').text(), 'Insert String before' );
-
- reset();
- expected = "This is a normal link: Try them out:Yahoo";
- jQuery(document.getElementById('first')).insertBefore('#yahoo');
- equals( expected, jQuery('#en').text(), "Insert element before" );
-
- reset();
- expected = "This is a normal link: Try them out:diveintomarkYahoo";
- jQuery([document.getElementById('first'), document.getElementById('mark')]).insertBefore('#yahoo');
- equals( expected, jQuery('#en').text(), "Insert array of elements before" );
-
- reset();
- expected = document.querySelectorAll ?
- "This is a normal link: diveintomarkTry them out:Yahoo" :
- "This is a normal link: Try them out:diveintomarkYahoo";
- jQuery("#first, #mark").insertBefore('#yahoo');
- equals( expected, jQuery('#en').text(), "Insert jQuery before" );
-});
-
-test("after(String|Element|Array<Element>|jQuery)", function() {
- expect(4);
- var expected = 'This is a normal link: Yahoobuga';
- jQuery('#yahoo').after('<b>buga</b>');
- equals( expected, jQuery('#en').text(), 'Insert String after' );
-
- reset();
- expected = "This is a normal link: YahooTry them out:";
- jQuery('#yahoo').after(document.getElementById('first'));
- equals( expected, jQuery('#en').text(), "Insert element after" );
-
- reset();
- expected = "This is a normal link: YahooTry them out:diveintomark";
- jQuery('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]);
- equals( expected, jQuery('#en').text(), "Insert array of elements after" );
-
- reset();
- expected = document.querySelectorAll ?
- "This is a normal link: YahoodiveintomarkTry them out:" :
- "This is a normal link: YahooTry them out:diveintomark";
- jQuery('#yahoo').after(jQuery("#first, #mark"));
- equals( expected, jQuery('#en').text(), "Insert jQuery after" );
-});