Changeset 5684 for trunk/jquery/test

Timestamp:

05/24/08 18:11:55 (8 months ago)

Author:

aflesler

Message:

test runner: adding more tests for attr(). Related to [5574] and [5683].

Files:

• trunk/jquery/test/unit/core.js (modified) (66 diffs)

trunk/jquery/test/unit/core.js

@@ -14 +14 @@
 test("$()", function() {
     expect(8);
-    
+
     var main = $("#main");
     isSet( $("div p", main).get(), q("sndp", "en", "sap"), "Basic selector with jQuery object as context" );
-    
+
 /*
     // disabled since this test was doing nothing. i tried to fix it but i'm not sure
@@ -26 +26 @@
     equals( x, what???, "Check for \\r and \\n in jQuery()" );
 */
-    
+
     /* // Disabled until we add this functionality in
     var pass = true;
@@ -42 +42 @@
     var div = $("<div/><hr/><code/><b/>");
     equals( div.length, 4, "Correct number of elements generated for div hr code b" );
-    
+
     // can actually yield more than one, when iframes are included, the window is an array as well
     equals( $(window).length, 1, "Correct number of elements generated for window" );
-    
+
     equals( $(document).length, 1, "Correct number of elements generated for document" );
-    
+
     equals( $([1,2,3]).get(1), 2, "Test passing an array to the factory" );
-    
+
     equals( $(document.body).get(0), $('body').get(0), "Test passing an html node to the factory" );
 });
@@ -91 +91 @@
 test("noConflict", function() {
     expect(6);
-    
+
     var old = jQuery;
     var newjQuery = jQuery.noConflict();
@@ -157 +157 @@
 
     var first = document.body.firstChild;
-    
+
     // Normal elements are reported ok everywhere
     ok( !jQuery.isFunction(first), "A normal DOM Element" );
@@ -207 +207 @@
     $("body").append(s);
     ok( foo, "Executing a scripts contents in the right context" );
-    
+
     reset();
     ok( $("<link rel='stylesheet'/>")[0], "Creating a link" );
-    
+
     reset();
 
@@ -231 +231 @@
     expect(2);
     stop();
-    $.get('data/dashboard.xml', function(xml) { 
+    $.get('data/dashboard.xml', function(xml) {
         // tests for #1419 where IE was a problem
         equals( $("tab:first", xml).text(), "blabla", "Verify initial text correct" );
@@ -270 +270 @@
     // use $([]).add(form.elements) instead.
     //equals( $([]).add($("#form")[0].elements).length, $($("#form")[0].elements).length, "Array in constructor must equals array in add()" );
-    
+
     var x = $([]).add($("<p id='x1'>xxx</p>")).add($("<p id='x2'>xxx</p>"));
     equals( x[0].id, "x1", "Check on-the-fly element1" );
     equals( x[1].id, "x2", "Check on-the-fly element2" );
-    
+
     var x = $([]).add("<p id='x1'>xxx</p>").add("<p id='x2'>xxx</p>");
     equals( x[0].id, "x1", "Check on-the-fly element1" );
     equals( x[1].id, "x2", "Check on-the-fly element2" );
-    
+
     var notDefined;
     equals( $([]).add(notDefined).length, 0, "Check that undefined adds nothing" );
-    
+
     // Added after #2811
     equals( $([]).add([window,document,document.body,document]).length, 3, "Pass an array" );
@@ -302 +302 @@
 test("index(Object)", function() {
     expect(10);
-    
+
     var elements = $([window, document]),
         inputElements = $('#radio1,#radio2,#check1,#check2');
-    
+
     equals( elements.index(window), 0, "Check for index of elements" );
     equals( elements.index(document), 1, "Check for index of elements" );
@@ -314 +314 @@
     equals( inputElements.index(window), -1, "Check for not found index" );
     equals( inputElements.index(document), -1, "Check for not found index" );
-    
+
     // enabled since [5500]
     equals( elements.index( elements ), 0, "Pass in a jQuery object" );
@@ -321 +321 @@
 
 test("attr(String)", function() {
-    expect(20);
+    expect(26);
     equals( $('#text1').attr('value'), "Test", 'Check for value attribute' );
     equals( $('#text1').attr('value', "Test2").attr('defaultValue'), "Test", 'Check for defaultValue attribute' );
@@ -341 +341 @@
     equals( $('#foo').attr('nodeName'), 'DIV', 'Check for nodeName attribute' );
     equals( $('#foo').attr('tagName'), 'DIV', 'Check for tagName attribute' );
-    
+
     $('<a id="tAnchor5"></a>').attr('href', '#5').appendTo('#main'); // using innerHTML in IE causes href attribute to be serialized to the full path
     equals( $('#tAnchor5').attr('href'), "#5", 'Check for non-absolute href (an anchor)' );
+
+
+    // Related to [5574] and [5683]
+    var body = document.body, $body = $(body);
+
+    ok( $body.attr('foo') === undefined, 'Make sure that a non existent attribute returns undefined' );
+    ok( $body.attr('nextSibling') === null, 'Make sure a null expando returns null' );
+    
+    body.setAttribute('foo', 'baz');
+    equals( $body.attr('foo'), 'baz', 'Make sure the dom attribute is retrieved when no expando is found' );
+    
+    body.foo = 'bar';
+    equals( $body.attr('foo'), 'bar', 'Make sure the expando is preferred over the dom attribute' );
+    
+    $body.attr('foo','cool');
+    equals( $body.attr('foo'), 'cool', 'Make sure that setting works well when both expando and dom attribute are available' );
+    
+    body.foo = undefined;
+    ok( $body.attr('foo') === undefined, 'Make sure the expando is preferred over the dom attribute, even if undefined' );
+    
+    body.removeAttribute('foo'); // Cleanup
 });
 
@@ -385 +406 @@
     equals( fail, false, "Set Attribute, the #"+fail+" element didn't get the attribute 'foo'" );
 
-    ok( $("#foo").attr({"width": null}), "Try to set an attribute to nothing" );    
-    
+    ok( $("#foo").attr({"width": null}), "Try to set an attribute to nothing" );
+
     $("#name").attr('name', 'something');
     equals( $("#name").attr('name'), 'something', 'Set name attribute' );
@@ -444 +465 @@
         expect(2);
         stop();
-        $.get('data/dashboard.xml', function(xml) { 
+        $.get('data/dashboard.xml', function(xml) {
             var titles = [];
             $('tab', xml).each(function() {
@@ -458 +479 @@
 test("css(String|Hash)", function() {
     expect(19);
-    
+
     equals( $('#main').css("display"), 'none', 'Check for css property "display"');
-    
+
     ok( $('#foo').is(':visible'), 'Modifying CSS display: Assert element is visible');
     $('#foo').css({display: 'none'});
@@ -466 +487 @@
     $('#foo').css({display: 'block'});
     ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible');
-    
+
     $('#floatTest').css({styleFloat: 'right'});
     equals( $('#floatTest').css('styleFloat'), 'right', 'Modified CSS float using "styleFloat": Assert float is right');
@@ -475 +496 @@
     $('#floatTest').css({'font-size': '30px'});
     equals( $('#floatTest').css('font-size'), '30px', 'Modified CSS font-size: Assert font-size is 30px');
-    
+
     $.each("0,0.25,0.5,0.75,1".split(','), function(i, n) {
         $('#foo').css({opacity: n});
@@ -481 +502 @@
         $('#foo').css({opacity: parseFloat(n)});
         equals( $('#foo').css('opacity'), parseFloat(n), "Assert opacity is " + parseFloat(n) + " as a Number" );
-    }); 
+    });
     $('#foo').css({opacity: ''});
     equals( $('#foo').css('opacity'), '1', "Assert opacity is 1 when set to an empty String" );
@@ -493 +514 @@
     $('#foo').css('display', 'block');
     ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible');
-    
+
     $('#floatTest').css('styleFloat', 'left');
     equals( $('#floatTest').css('styleFloat'), 'left', 'Modified CSS float using "styleFloat": Assert float is left');
@@ -502 +523 @@
     $('#floatTest').css('font-size', '20px');
     equals( $('#floatTest').css('font-size'), '20px', 'Modified CSS font-size: Assert font-size is 20px');
-    
+
     $.each("0,0.25,0.5,0.75,1".split(','), function(i, n) {
         $('#foo').css('opacity', n);
@@ -559 +580 @@
     $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");
@@ -587 +608 @@
     $div.hide();
     equals($div.height(), 30, "Test hidden div");
-    
+
     $div.css({ display: "", border: "", padding: "", height: "1px" });
 });
@@ -609 +630 @@
     ok( result.is('ol'), 'Check for element wrapping' );
     equals( result.text(), defaultText, 'Check for element wrapping' );
-    
-    reset();
-    $('#check1').click(function() {     
-        var checkbox = this;        
+
+    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>' );
@@ -667 +688 @@
     equals( result.text(), defaultText + 'buga', 'Check if text appending works' );
     equals( $('#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'));
     equals( 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')]);
     equals( expected, $('#sap').text(), "Check for appending of array of elements" );
-    
+
     reset();
     expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
@@ -695 +716 @@
     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'));
@@ -709 +730 @@
 
     ok( pass, "Test for appending a DOM node to the contents of an IFrame" );
-    
+
     reset();
     $('<fieldset/>').appendTo('#form').append('<legend id="legend">test</legend>');
     t( 'Append legend', '#legend', ['legend'] );
-    
+
     reset();
     $('#select1').append('<OPTION>Test</OPTION>');
     equals( $('#select1 option:last').text(), "Test", "Appending &lt;OPTION&gt; (all caps)" );
-    
+
     $('#table').append('<colgroup></colgroup>');
     ok( $('#table colgroup').length, "Append colgroup" );
-    
+
     $('#table colgroup').append('<col/>');
     ok( $('#table colgroup col').length, "Append col" );
-    
+
     reset();
     $('#table').append('<caption></caption>');
@@ -732 +753 @@
         .append('<select id="appendSelect1"></select>')
         .append('<select id="appendSelect2"><option>Test</option></select>');
-    
+
     t( "Append Select", "#appendSelect1, #appendSelect2", ["appendSelect1", "appendSelect2"] );
 
@@ -751 +772 @@
     equals( $("#first").text(), defaultText + 'buga', 'Check if text appending works' );
     equals( $('<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:";
     $(document.getElementById('first')).appendTo('#sap');
     equals( expected, $('#sap').text(), "Check for appending of element" );
-    
+
     reset();
     expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
     $([document.getElementById('first'), document.getElementById('yahoo')]).appendTo('#sap');
     equals( expected, $('#sap').text(), "Check for appending of array of elements" );
-    
+
     reset();
     expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
     $("#first, #yahoo").appendTo('#sap');
     equals( expected, $('#sap').text(), "Check for appending of jQuery object" );
-    
+
     reset();
     $('#select1').appendTo('#foo');
@@ -778 +799 @@
     equals( result.text(), 'buga' + defaultText, 'Check if text prepending works' );
     equals( $('#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";
@@ -788 +809 @@
     $('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]);
     equals( expected, $('#sap').text(), "Check for prepending of array of elements" );
-    
+
     reset();
     expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
@@ -801 +822 @@
     equals( $('#first').text(), 'buga' + defaultText, 'Check if text prepending works' );
     equals( $('<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";
@@ -811 +832 @@
     $([document.getElementById('yahoo'), document.getElementById('first')]).prependTo('#sap');
     equals( expected, $('#sap').text(), "Check for prepending of array of elements" );
-    
+
     reset();
     expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
     $("#yahoo, #first").prependTo('#sap');
     equals( expected, $('#sap').text(), "Check for prepending of jQuery object" );
-    
+
     reset();
     $('<select id="prependSelect1"></select>').prependTo('form:last');
     $('<select id="prependSelect2"><option>Test</option></select>').prependTo('form:last');
-    
+
     t( "Prepend Select", "#prependSelect1, #prependSelect2", ["prependSelect1", "prependSelect2"] );
 });
@@ -829 +850 @@
     $('#yahoo').before('<b>buga</b>');
     equals( expected, $('#en').text(), 'Insert String before' );
-    
+
     reset();
     expected = "This is a normal link: Try them out:Yahoo";
     $('#yahoo').before(document.getElementById('first'));
     equals( expected, $('#en').text(), "Insert element before" );
-    
+
     reset();
     expected = "This is a normal link: Try them out:diveintomarkYahoo";
     $('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]);
     equals( expected, $('#en').text(), "Insert array of elements before" );
-    
+
     reset();
     expected = "This is a normal link: Try them out:diveintomarkYahoo";
@@ -851 +872 @@
     $('<b>buga</b>').insertBefore('#yahoo');
     equals( expected, $('#en').text(), 'Insert String before' );
-    
+
     reset();
     expected = "This is a normal link: Try them out:Yahoo";
     $(document.getElementById('first')).insertBefore('#yahoo');
     equals( expected, $('#en').text(), "Insert element before" );
-    
+
     reset();
     expected = "This is a normal link: Try them out:diveintomarkYahoo";
     $([document.getElementById('first'), document.getElementById('mark')]).insertBefore('#yahoo');
     equals( expected, $('#en').text(), "Insert array of elements before" );
-    
+
     reset();
     expected = "This is a normal link: Try them out:diveintomarkYahoo";
@@ -873 +894 @@
     $('#yahoo').after('<b>buga</b>');
     equals( expected, $('#en').text(), 'Insert String after' );
-    
+
     reset();
     expected = "This is a normal link: YahooTry them out:";
@@ -883 +904 @@
     $('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]);
     equals( expected, $('#en').text(), "Insert array of elements after" );
-    
+
     reset();
     expected = "This is a normal link: YahooTry them out:diveintomark";
@@ -895 +916 @@
     $('<b>buga</b>').insertAfter('#yahoo');
     equals( expected, $('#en').text(), 'Insert String after' );
-    
+
     reset();
     expected = "This is a normal link: YahooTry them out:";
@@ -905 +926 @@
     $([document.getElementById('mark'), document.getElementById('first')]).insertAfter('#yahoo');
     equals( expected, $('#en').text(), "Insert array of elements after" );
-    
+
     reset();
     expected = "This is a normal link: YahooTry them out:diveintomark";
@@ -917 +938 @@
     ok( $("#replace")[0], 'Replace element with string' );
     ok( !$("#yahoo")[0], 'Verify that original element is gone, after string' );
-    
+
     reset();
     $('#yahoo').replaceWith(document.getElementById('first'));
@@ -928 +949 @@
     ok( $("#mark")[0], 'Replace element with array of elements' );
     ok( !$("#yahoo")[0], 'Verify that original element is gone, after array of elements' );
-    
+
     reset();
     $('#yahoo').replaceWith($("#first, #mark"));
@@ -941 +962 @@
     ok( $("#replace")[0], 'Replace element with string' );
     ok( !$("#yahoo")[0], 'Verify that original element is gone, after string' );
-    
+
     reset();
     $(document.getElementById('first')).replaceAll("#yahoo");
@@ -952 +973 @@
     ok( $("#mark")[0], 'Replace element with array of elements' );
     ok( !$("#yahoo")[0], 'Verify that original element is gone, after array of elements' );
-    
+
     reset();
     $("#first, #mark").replaceAll("#yahoo");
@@ -964 +985 @@
     equals( 'Yahoo', $('#yahoo').parent().end().text(), 'Check for end' );
     ok( $('#yahoo').end(), 'Check for end with nothing to end' );
-    
+
     var x = $('#yahoo');
     x.parent();
@@ -986 +1007 @@
     equals( 'This is a normal link: Yahoo', $('#en').text(), 'Reassert text for #en' );
 
-    var cloneTags = [ 
-        "<table/>", "<tr/>", "<td/>", "<div/>", 
+    var cloneTags = [
+        "<table/>", "<tr/>", "<td/>", "<div/>",
         "<button/>", "<ul/>", "<ol/>", "<li/>",
         "<input type='checkbox' />", "<select/>", "<option/>", "<textarea/>",
@@ -1041 +1062 @@
     ok( !$('#foo').is(''), 'Expected false for an invalid expression - ""' );
     ok( !$('#foo').is(undefined), 'Expected false for an invalid expression - undefined' );
-    
+
     // test is() with comma-seperated expressions
     ok( $('#en').is('[lang="en"],[lang="de"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
@@ -1074 +1095 @@
     isObj( deep2.foo, deep2copy.foo, "Check if not deep2: options must not be modified" );
     equals( deep1.foo2, document, "Make sure that a deep clone was not attempted on the document" );
-    
+
     var nullUndef;
     nullUndef = jQuery.extend({}, options, { xnumber2: null });
     ok( nullUndef.xnumber2 === null, "Check to make sure null values are copied");
-    
+
     nullUndef = jQuery.extend({}, options, { xnumber2: undefined });
     ok( nullUndef.xnumber2 === options.xnumber2, "Check to make sure undefined values are not copied");
-    
+
     nullUndef = jQuery.extend({}, options, { xnumber0: null });
     ok( nullUndef.xnumber0 === null, "Check to make sure null values are inserted");
-    
+
     var target = {};
     var recursive = { foo:target, bar:5 };
@@ -1137 +1158 @@
     $("#text1").val('test');
     ok ( document.getElementById('text1').value == "test", "Check for modified (via val(String)) value of input element" );
-    
+
     $("#select1").val("3");
     equals( $("#select1").val(), "3", "Check for modified (via val(String)) value of select element" );
@@ -1164 +1185 @@
     var j = $("#nonnodes").contents();
     j.html("<b>bold</b>");
-    
+
     // this is needed, or the expando added by jQuery unique will yield a different html
-    j.find('b').removeData();   
+    j.find('b').removeData();
     equals( j.html().toLowerCase(), "<b>bold</b>", "Check node,textnode,comment with html()" );
 
@@ -1207 +1228 @@
     equals( $("p").not(document.getElementsByTagName("p")).length, 0, "not(Array-like DOM collection)" );
     isSet( $("#form option").not("option.emptyopt:contains('Nothing'),[selected],[value='1']").get(), q("option1c", "option1d", "option2c", "option3d" ), "not('complex selector')");
-    
+
     var selects = $("#form select");
     isSet( selects.not( selects[1] ), q("select1", "select3"), "filter out DOM element");
@@ -1223 +1244 @@
     expect(5);
     isSet( $("#en").siblings().get(), q("sndp", "sap"), "Check for siblings" );
-    isSet( $("#sndp").siblings(":has(code)").get(), q("sap"), "Check for filtered siblings (has code child element)" ); 
+    isSet( $("#sndp").siblings(":has(code)").get(), q("sap"), "Check for filtered siblings (has code child element)" );
     isSet( $("#sndp").siblings(":has(a)").get(), q("en", "sap"), "Check for filtered siblings (has anchor child element)" );
     isSet( $("#foo").siblings("form, b").get(), q("form", "lengthtest", "testForm", "floatTest"), "Check for multiple filters" );
@@ -1244 +1265 @@
     isSet( $("#en, #sndp").parent().get(), q("foo"), "Check for unique results from parent" );
 });
-    
+
 test("parents([String])", function() {
     expect(5);
@@ -1261 +1282 @@
     equals( $("#ap").next("div, p")[0].id, "foo", "Multiple filters" );
 });
-    
+
 test("prev([String])", function() {
     expect(4);
@@ -1277 +1298 @@
     });
     ok( pass, "Show" );
-    
+
     $("#main").append('<div id="show-tests"><div><p><a href="#"></a></p><code></code><pre></pre><span></span></div><table><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody></table><ul><li></li></ul></div>');
     var test = {
@@ -1295 +1316 @@
         "li"       : $.browser.msie ? "block" : "list-item"
     };
-    
+
     $.each(test, function(selector, expected) {
         var elem = $(selector, "#show-tests").show();
@@ -1326 +1347 @@
     }
     ok( pass, "Remove Class" );
-    
+
     reset();
     var div = $("div").addClass("test").addClass("foo").addClass("bar");
@@ -1335 +1356 @@
     }
     ok( pass, "Remove multiple classes" );
-    
+
     reset();
     var div = $("div:eq(0)").addClass("test").removeClass("");
     ok( div.is('.test'), "Empty string passed to removeClass" );