- var $checkedtest = $("#checkedtest");
- // IE6 was clearing "checked" in jQuery.css(elem, "height");
- jQuery.css($checkedtest[0], "height");
- ok( !! $(":radio:first", $checkedtest).attr("checked"), "Check first radio still checked." );
- ok( ! $(":radio:last", $checkedtest).attr("checked"), "Check last radio still NOT checked." );
- ok( !! $(":checkbox:first", $checkedtest).attr("checked"), "Check first checkbox still checked." );
- ok( ! $(":checkbox:last", $checkedtest).attr("checked"), "Check last checkbox still NOT checked." );
-});
-
-test("width()", function() {
- expect(9);
-
- var $div = $("#nothiddendiv");
- $div.width(30);
- equals($div.width(), 30, "Test set to 30 correctly");
- $div.width(-1); // handle negative numbers by ignoring #1599
- equals($div.width(), 30, "Test negative width ignored");
- $div.css("padding", "20px");
- equals($div.width(), 30, "Test padding specified with pixels");
- $div.css("border", "2px solid #fff");
- equals($div.width(), 30, "Test border specified with pixels");
- $div.css("padding", "2em");
- equals($div.width(), 30, "Test padding specified with ems");
- $div.css("border", "1em solid #fff");
- equals($div.width(), 30, "Test border specified with ems");
- $div.css("padding", "2%");
- equals($div.width(), 30, "Test padding specified with percent");
- $div.hide();
- equals($div.width(), 30, "Test hidden div");
-
- $div.css({ display: "", border: "", padding: "" });
-
- $("#nothiddendivchild").css({ padding: "3px", border: "2px solid #fff" });
- equals($("#nothiddendivchild").width(), 20, "Test child width with border and padding");
- $("#nothiddendiv, #nothiddendivchild").css({ border: "", padding: "", width: "" });
-});
-
-test("height()", function() {
- expect(8);
-
- var $div = $("#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";
- ok( $('#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 = $('#first').wrap('<div class="red"><span></span></div>').text();
- ok( defaultText == result, 'Check for wrapping of on-the-fly html' );
- ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
-
- reset();
- var defaultText = 'Try them out:'
- var result = $('#first').wrap(document.getElementById('empty')).parent();
- ok( result.is('ol'), 'Check for element wrapping' );
- ok( result.text() == defaultText, 'Check for element wrapping' );
-
- reset();
- $('#check1').click(function() {
- var checkbox = this;
- ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
- $(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 = $("#nonnodes").contents();
- j.wrap("<i></i>");
- equals( $("#nonnodes > i").length, 3, "Check node,textnode,comment wraps ok" );
- equals( $("#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 = $("#first")[0].previousSibling;
- var p = $("#first")[0].parentNode;
- var result = $('#first,#firstp').wrapAll('<div class="red"><div id="tmp"></div></div>');
- equals( result.parent().length, 1, 'Check for wrapping of on-the-fly html' );
- ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
- ok( $('#firstp').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
- equals( $("#first").parent().parent()[0].previousSibling, prev, "Correct Previous Sibling" );
- equals( $("#first").parent().parent()[0].parentNode, p, "Correct Parent" );
-
- reset();
- var prev = $("#first")[0].previousSibling;
- var p = $("#first")[0].parentNode;
- var result = $('#first,#firstp').wrapAll(document.getElementById('empty'));
- equals( $("#first").parent()[0], $("#firstp").parent()[0], "Same Parent" );
- equals( $("#first").parent()[0].previousSibling, prev, "Correct Previous Sibling" );
- equals( $("#first").parent()[0].parentNode, p, "Correct Parent" );
-});
-
-test("wrapInner(String|Element)", function() {
- expect(6);
- var num = $("#first").children().length;
- var result = $('#first').wrapInner('<div class="red"><div id="tmp"></div></div>');
- equals( $("#first").children().length, 1, "Only one child" );
- ok( $("#first").children().is(".red"), "Verify Right Element" );
- equals( $("#first").children().children().children().length, num, "Verify Elements Intact" );
-
- reset();
- var num = $("#first").children().length;
- var result = $('#first').wrapInner(document.getElementById('empty'));
- equals( $("#first").children().length, 1, "Only one child" );
- ok( $("#first").children().is("#empty"), "Verify Right Element" );
- equals( $("#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 = $('#first').append('<b>buga</b>');
- ok( result.text() == defaultText + 'buga', 'Check if text appending works' );
- ok( $('#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:";
- $('#sap').append(document.getElementById('first'));
- ok( expected == $('#sap').text(), "Check for appending of element" );
-
- reset();
- expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- $('#sap').append([document.getElementById('first'), document.getElementById('yahoo')]);
- ok( expected == $('#sap').text(), "Check for appending of array of elements" );
-
- reset();
- expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
- $('#sap').append($("#first, #yahoo"));
- ok( expected == $('#sap').text(), "Check for appending of jQuery object" );
-
- reset();
- $("#sap").append( 5 );
- ok( $("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );
-
- reset();
- $("#sap").append( " text with spaces " );
- ok( $("#sap")[0].innerHTML.match(/ text with spaces $/), "Check for appending text with spaces" );
-
- reset();
- ok( $("#sap").append([]), "Check for appending an empty array." );
- ok( $("#sap").append(""), "Check for appending an empty string." );
- ok( $("#sap").append(document.getElementsByTagName("foo")), "Check for appending an empty nodelist." );
-
- reset();
- $("#sap").append(document.getElementById('form'));
- ok( $("#sap>form").size() == 1, "Check for appending a form" ); // Bug #910