Deferred cannot be cancelled by returning false in a callback. Exception in the callb...
[jquery.git] / test / unit / core.js
index 3020543..1967007 100644 (file)
@@ -12,7 +12,9 @@ test("Basic requirements", function() {
 });
 
 test("jQuery()", function() {
-       expect(22);
+       expect(24);
+
+       strictEqual( commonJSDefined, jQuery, "CommonJS registered (Bug #7102)" );
 
        // Basic constructor's behavior
 
@@ -25,7 +27,7 @@ test("jQuery()", function() {
        equals( jQuery(obj).selector, "div", "jQuery(jQueryObj) == jQueryObj" );
 
                // can actually yield more than one, when iframes are included, the window is an array as well
-       equals( 1, jQuery(window).length, "Correct number of elements generated for jQuery(window)" );
+       equals( jQuery(window).length, 1, "Correct number of elements generated for jQuery(window)" );
 
 
        var main = jQuery("#main");
@@ -63,9 +65,12 @@ test("jQuery()", function() {
 
        equals( jQuery(document.body).get(0), jQuery('body').get(0), "Test passing an html node to the factory" );
 
+       var exec = false;
+
        var elem = jQuery("<div/>", {
                width: 10,
                css: { paddingLeft:1, paddingRight:1 },
+               click: function(){ ok(exec, "Click executed."); },
                text: "test",
                "class": "test2",
                id: "test3"
@@ -78,6 +83,9 @@ test("jQuery()", function() {
        equals( elem[0].firstChild.nodeValue, "test", 'jQuery quick setter text');
        equals( elem[0].className, "test2", 'jQuery() quick setter class');
        equals( elem[0].id, "test3", 'jQuery() quick setter id');
+
+       exec = true;
+       elem.click();
 });
 
 test("selector state", function() {
@@ -145,7 +153,7 @@ test("selector state", function() {
        test = jQuery("#main").eq(0);
        equals( test.selector, "#main.slice(0,1)", "#main eq Selector" );
        equals( test.context, document, "#main eq Context" );
-       
+
        var d = "<div />";
        equals(
                jQuery(d).appendTo(jQuery(d)).selector,
@@ -177,7 +185,7 @@ test("browser", function() {
 }
 
 test("noConflict", function() {
-       expect(6);
+       expect(7);
 
        var $$ = jQuery;
 
@@ -190,19 +198,54 @@ test("noConflict", function() {
        equals( jQuery.noConflict(true), $$, "noConflict returned the jQuery object" );
        equals( jQuery, originaljQuery, "Make sure jQuery was reverted." );
        equals( $, original$, "Make sure $ was reverted." );
+       ok( $$("#main").html("test"), "Make sure that jQuery still works." );
 
        jQuery = $$;
 });
 
 test("trim", function() {
-  expect(4);
+       expect(9);
+
+       var nbsp = String.fromCharCode(160);
 
-  var nbsp = String.fromCharCode(160);
+       equals( jQuery.trim("hello  "), "hello", "trailing space" );
+       equals( jQuery.trim("  hello"), "hello", "leading space" );
+       equals( jQuery.trim("  hello   "), "hello", "space on both sides" );
+       equals( jQuery.trim("  " + nbsp + "hello  " + nbsp + " "), "hello", "&nbsp;" );
+
+       equals( jQuery.trim(), "", "Nothing in." );
+       equals( jQuery.trim( undefined ), "", "Undefined" );
+       equals( jQuery.trim( null ), "", "Null" );
+       equals( jQuery.trim( 5 ), "5", "Number" );
+       equals( jQuery.trim( false ), "false", "Boolean" );
+});
 
-  equals( jQuery.trim("hello  "), "hello", "trailing space" );
-  equals( jQuery.trim("  hello"), "hello", "leading space" );
-  equals( jQuery.trim("  hello   "), "hello", "space on both sides" );
-  equals( jQuery.trim("  " + nbsp + "hello  " + nbsp + " "), "hello", "&nbsp;" );
+test("type", function() {
+       expect(23);
+
+       equals( jQuery.type(null), "null", "null" );
+       equals( jQuery.type(undefined), "undefined", "undefined" );
+       equals( jQuery.type(true), "boolean", "Boolean" );
+       equals( jQuery.type(false), "boolean", "Boolean" );
+       equals( jQuery.type(Boolean(true)), "boolean", "Boolean" );
+       equals( jQuery.type(0), "number", "Number" );
+       equals( jQuery.type(1), "number", "Number" );
+       equals( jQuery.type(Number(1)), "number", "Number" );
+       equals( jQuery.type(""), "string", "String" );
+       equals( jQuery.type("a"), "string", "String" );
+       equals( jQuery.type(String("a")), "string", "String" );
+       equals( jQuery.type({}), "object", "Object" );
+       equals( jQuery.type(/foo/), "regexp", "RegExp" );
+       equals( jQuery.type(new RegExp("asdf")), "regexp", "RegExp" );
+       equals( jQuery.type([1]), "array", "Array" );
+       equals( jQuery.type(new Date()), "date", "Date" );
+       equals( jQuery.type(new Function("return;")), "function", "Function" );
+       equals( jQuery.type(function(){}), "function", "Function" );
+       equals( jQuery.type(window), "object", "Window" );
+       equals( jQuery.type(document), "object", "Document" );
+       equals( jQuery.type(document.body), "object", "Element" );
+       equals( jQuery.type(document.createTextNode("foo")), "object", "TextNode" );
+       equals( jQuery.type(document.getElementsByTagName("*")), "object", "NodeList" );
 });
 
 test("isPlainObject", function() {
@@ -212,55 +255,62 @@ test("isPlainObject", function() {
 
        // The use case that we want to match
        ok(jQuery.isPlainObject({}), "{}");
-       
+
        // Not objects shouldn't be matched
        ok(!jQuery.isPlainObject(""), "string");
        ok(!jQuery.isPlainObject(0) && !jQuery.isPlainObject(1), "number");
        ok(!jQuery.isPlainObject(true) && !jQuery.isPlainObject(false), "boolean");
        ok(!jQuery.isPlainObject(null), "null");
        ok(!jQuery.isPlainObject(undefined), "undefined");
-       
+
        // Arrays shouldn't be matched
        ok(!jQuery.isPlainObject([]), "array");
+
        // Instantiated objects shouldn't be matched
        ok(!jQuery.isPlainObject(new Date), "new Date");
+
        var fn = function(){};
+
        // Functions shouldn't be matched
        ok(!jQuery.isPlainObject(fn), "fn");
+
        // Again, instantiated objects shouldn't be matched
        ok(!jQuery.isPlainObject(new fn), "new fn (no methods)");
+
        // Makes the function a little more realistic
        // (and harder to detect, incidentally)
        fn.prototype = {someMethod: function(){}};
+
        // Again, instantiated objects shouldn't be matched
        ok(!jQuery.isPlainObject(new fn), "new fn");
 
        // DOM Element
        ok(!jQuery.isPlainObject(document.createElement("div")), "DOM Element");
-       
+
        // Window
        ok(!jQuery.isPlainObject(window), "window");
-       var iframe = document.createElement("iframe");
-       document.body.appendChild(iframe);
 
-       window.iframeDone = function(otherObject){
-               // Objects from other windows should be matched
-               ok(jQuery.isPlainObject(new otherObject), "new otherObject");
+       try {
+               var iframe = document.createElement("iframe");
+               document.body.appendChild(iframe);
+
+               window.iframeDone = function(otherObject){
+                       // Objects from other windows should be matched
+                       ok(jQuery.isPlainObject(new otherObject), "new otherObject");
+                       document.body.removeChild( iframe );
+                       start();
+               };
+
+               var doc = iframe.contentDocument || iframe.contentWindow.document;
+               doc.open();
+               doc.write("<body onload='window.parent.iframeDone(Object);'>");
+               doc.close();
+       } catch(e) {
                document.body.removeChild( iframe );
+
+               ok(true, "new otherObject - iframes not supported");
                start();
-       };
-       var doc = iframe.contentDocument || iframe.contentWindow.document;
-       doc.open();
-       doc.write("<body onload='window.top.iframeDone(Object);'>");
-       doc.close();
+       }
 });
 
 test("isFunction", function() {
@@ -362,9 +412,15 @@ test("isXMLDoc - HTML", function() {
 
        try {
                var body = jQuery(iframe).contents()[0];
-               ok( !jQuery.isXMLDoc( body ), "Iframe body element" );
-       } catch(e){
-               ok( false, "Iframe body element exception" );
+
+               try {
+                       ok( !jQuery.isXMLDoc( body ), "Iframe body element" );
+               } catch(e) {
+                       ok( false, "Iframe body element exception" );
+               }
+
+       } catch(e) {
+               ok( true, "Iframe body element - iframe not working correctly" );
        }
 
        document.body.removeChild( iframe );
@@ -383,10 +439,29 @@ test("isXMLDoc - XML", function() {
 });
 }
 
+test("isWindow", function() {
+       expect( 12 );
+
+       ok( jQuery.isWindow(window), "window" );
+       ok( !jQuery.isWindow(), "empty" );
+       ok( !jQuery.isWindow(null), "null" );
+       ok( !jQuery.isWindow(undefined), "undefined" );
+       ok( !jQuery.isWindow(document), "document" );
+       ok( !jQuery.isWindow(document.documentElement), "documentElement" );
+       ok( !jQuery.isWindow(""), "string" );
+       ok( !jQuery.isWindow(1), "number" );
+       ok( !jQuery.isWindow(true), "boolean" );
+       ok( !jQuery.isWindow({}), "object" );
+       // HMMM
+       // ok( !jQuery.isWindow({ setInterval: function(){} }), "fake window" );
+       ok( !jQuery.isWindow(/window/), "regexp" );
+       ok( !jQuery.isWindow(function(){}), "function" );
+});
+
 test("jQuery('html')", function() {
        expect(15);
 
-       reset();
+       QUnit.reset();
        jQuery.foo = false;
        var s = jQuery("<script>jQuery.foo='test';</script>")[0];
        ok( s, "Creating a script" );
@@ -402,7 +477,7 @@ test("jQuery('html')", function() {
        equals( div.childNodes[1].nodeType, 1, "Paragraph." );
        equals( div.childNodes[1].firstChild.nodeType, 3, "Paragraph text." );
 
-       reset();
+       QUnit.reset();
        ok( jQuery("<link rel='stylesheet'/>")[0], "Creating a link" );
 
        ok( !jQuery("<script/>")[0].parentNode, "Create a script" );
@@ -474,67 +549,17 @@ test("toArray()", function() {
 })
 
 test("get(Number)", function() {
-       expect(1);
+       expect(2);
        equals( jQuery("p").get(0), document.getElementById("firstp"), "Get A Single Element" );
+       strictEqual( jQuery("#firstp").get(1), undefined, "Try get with index larger elements count" );
 });
 
 test("get(-Number)",function() {
-       expect(1);
-       equals( jQuery("p").get(-1),
-               document.getElementById("first"),
-               "Get a single element with negative index" )
+       expect(2);
+       equals( jQuery("p").get(-1), document.getElementById("first"), "Get a single element with negative index" );
+       strictEqual( jQuery("#firstp").get(-2), undefined, "Try get with index negative index larger then elements count" );
 })
 
-test("add(String|Element|Array|undefined)", function() {
-       expect(16);
-       same( jQuery("#sndp").add("#en").add("#sap").get(), q("sndp", "en", "sap"), "Check elements from document" );
-       same( jQuery("#sndp").add( jQuery("#en")[0] ).add( jQuery("#sap") ).get(), q("sndp", "en", "sap"), "Check elements from document" );
-       ok( jQuery([]).add(jQuery("#form")[0].elements).length >= 13, "Check elements from array" );
-
-       // For the time being, we're discontinuing support for jQuery(form.elements) since it's ambiguous in IE
-       // use jQuery([]).add(form.elements) instead.
-       //equals( jQuery([]).add(jQuery("#form")[0].elements).length, jQuery(jQuery("#form")[0].elements).length, "Array in constructor must equals array in add()" );
-
-       var tmp = jQuery("<div/>");
-
-       var x = jQuery([]).add(jQuery("<p id='x1'>xxx</p>").appendTo(tmp)).add(jQuery("<p id='x2'>xxx</p>").appendTo(tmp));
-       equals( x[0].id, "x1", "Check on-the-fly element1" );
-       equals( x[1].id, "x2", "Check on-the-fly element2" );
-
-       var x = jQuery([]).add(jQuery("<p id='x1'>xxx</p>").appendTo(tmp)[0]).add(jQuery("<p id='x2'>xxx</p>").appendTo(tmp)[0]);
-       equals( x[0].id, "x1", "Check on-the-fly element1" );
-       equals( x[1].id, "x2", "Check on-the-fly element2" );
-
-       var x = jQuery([]).add(jQuery("<p id='x1'>xxx</p>")).add(jQuery("<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 = jQuery([]).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( jQuery([]).add(notDefined).length, 0, "Check that undefined adds nothing" );
-
-       // Added after #2811
-       equals( jQuery([]).add([window,document,document.body,document]).length, 3, "Pass an array" );
-       equals( jQuery(document).add(document).length, 1, "Check duplicated elements" );
-       equals( jQuery(window).add(window).length, 1, "Check duplicated elements using the window" );
-       ok( jQuery([]).add( document.getElementById('form') ).length >= 13, "Add a form (adds the elements)" );
-});
-
-test("add(String, Context)", function() {
-       expect(6);
-
-       equals( jQuery(document).add("#form").length, 2, "Make sure that using regular context document still works." );
-       equals( jQuery(document.body).add("#form").length, 2, "Using a body context." );
-       equals( jQuery(document.body).add("#html").length, 1, "Using a body context." );
-
-       equals( jQuery(document).add("#form", document).length, 2, "Use a passed in document context." );
-       equals( jQuery(document).add("#form", document.body).length, 2, "Use a passed in body context." );
-       equals( jQuery(document).add("#html", document.body).length, 1, "Use a passed in body context." );
-});
-
 test("each(Function)", function() {
        expect(1);
        var div = jQuery("div");
@@ -636,14 +661,14 @@ test("jQuery.merge()", function() {
 
        // Fixed at [5998], #3641
        same( parse([-2,-1], [0,1,2]), [-2,-1,0,1,2], "Second array including a zero (falsy)");
-       
+
        // After fixing #5527
        same( parse([], [null, undefined]), [null, undefined], "Second array including null and undefined values");
        same( parse({length:0}, [1,2]), {length:2, 0:1, 1:2}, "First array like");
 });
 
 test("jQuery.extend(Object, Object)", function() {
-       expect(25);
+       expect(28);
 
        var settings = { xnumber1: 5, xnumber2: 7, xstring1: "peter", xstring2: "pan" },
                options = { xnumber2: 1, xstring2: "x", xxx: "newstring" },
@@ -653,7 +678,9 @@ test("jQuery.extend(Object, Object)", function() {
                deep1copy = { foo: { bar: true } },
                deep2 = { foo: { baz: true }, foo2: document },
                deep2copy = { foo: { baz: true }, foo2: document },
-               deepmerged = { foo: { bar: true, baz: true }, foo2: document };
+               deepmerged = { foo: { bar: true, baz: true }, foo2: document },
+               arr = [1, 2, 3],
+               nestedarray = { arr: arr };
 
        jQuery.extend(settings, options);
        same( settings, merged, "Check if extended: settings must be extended" );
@@ -668,6 +695,12 @@ test("jQuery.extend(Object, Object)", function() {
        same( 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" );
 
+       ok( jQuery.extend(true, {}, nestedarray).arr !== arr, "Deep extend of object must clone child array" );
+
+       // #5991
+       ok( jQuery.isArray( jQuery.extend(true, { arr: {} }, nestedarray).arr ), "Cloned array heve to be an Array" );
+       ok( jQuery.isPlainObject( jQuery.extend(true, { arr: arr }, { arr: {} }).arr ), "Cloned object heve to be an plain object" );
+
        var empty = {};
        var optionsWithLength = { foo: { length: -1 } };
        jQuery.extend(true, empty, optionsWithLength);
@@ -684,13 +717,13 @@ test("jQuery.extend(Object, Object)", function() {
        empty = {};
        jQuery.extend(true, empty, optionsWithCustomObject);
        ok( empty.foo && empty.foo.date === customObject, "Custom objects copy correctly (no methods)" );
-       
+
        // Makes the class a little more realistic
        myKlass.prototype = { someMethod: function(){} };
        empty = {};
        jQuery.extend(true, empty, optionsWithCustomObject);
        ok( empty.foo && empty.foo.date === customObject, "Custom objects copy correctly" );
-       
+
        var ret = jQuery.extend(true, { foo: 4 }, { foo: new Number(5) } );
        ok( ret.foo == 5, "Wrapped numbers copy correctly" );
 
@@ -818,10 +851,239 @@ test("jQuery.makeArray", function(){
 
 test("jQuery.isEmptyObject", function(){
        expect(2);
-       
+
        equals(true, jQuery.isEmptyObject({}), "isEmptyObject on empty object literal" );
        equals(false, jQuery.isEmptyObject({a:1}), "isEmptyObject on non-empty object literal" );
-       
+
        // What about this ?
        // equals(true, jQuery.isEmptyObject(null), "isEmptyObject on null" );
 });
+
+test("jQuery.proxy", function(){
+       expect(4);
+
+       var test = function(){ equals( this, thisObject, "Make sure that scope is set properly." ); };
+       var thisObject = { foo: "bar", method: test };
+
+       // Make sure normal works
+       test.call( thisObject );
+
+       // Basic scoping
+       jQuery.proxy( test, thisObject )();
+
+       // Make sure it doesn't freak out
+       equals( jQuery.proxy( null, thisObject ), undefined, "Make sure no function was returned." );
+
+       // Use the string shortcut
+       jQuery.proxy( thisObject, "method" )();
+});
+
+test("jQuery.parseJSON", function(){
+       expect(8);
+
+       equals( jQuery.parseJSON(), null, "Nothing in, null out." );
+       equals( jQuery.parseJSON( null ), null, "Nothing in, null out." );
+       equals( jQuery.parseJSON( "" ), null, "Nothing in, null out." );
+
+       same( jQuery.parseJSON("{}"), {}, "Plain object parsing." );
+       same( jQuery.parseJSON('{"test":1}'), {"test":1}, "Plain object parsing." );
+
+       same( jQuery.parseJSON('\n{"test":1}'), {"test":1}, "Make sure leading whitespaces are handled." );
+
+       try {
+               jQuery.parseJSON("{a:1}");
+               ok( false, "Test malformed JSON string." );
+       } catch( e ) {
+               ok( true, "Test malformed JSON string." );
+       }
+
+       try {
+               jQuery.parseJSON("{'a':1}");
+               ok( false, "Test malformed JSON string." );
+       } catch( e ) {
+               ok( true, "Test malformed JSON string." );
+       }
+});
+
+test("jQuery._Deferred()", function() {
+       
+       expect( 10 );
+       
+       var deferred,
+               object,
+               test;
+       
+       deferred = jQuery._Deferred();
+               
+       test = false;
+               
+       deferred.then( function( value ) {
+               equals( value , "value" , "Test pre-resolve callback" );
+               test = true;
+       } );
+       
+       deferred.resolve( "value" );
+       
+       ok( test , "Test pre-resolve callbacks called right away" );
+
+       test = false;
+       
+       deferred.then( function( value ) {
+               equals( value , "value" , "Test post-resolve callback" );
+               test = true;
+       } );
+       
+       ok( test , "Test post-resolve callbacks called right away" );
+       
+       deferred.cancel();
+       
+       test = true;
+       
+       deferred.then( function() {
+               ok( false , "Cancel was ignored" );
+               test = false;
+       } );
+       
+       ok( test , "Test cancel" );
+       
+       deferred = jQuery._Deferred().resolve();
+       
+       try {
+               deferred.then( function() {
+                       throw "Error";
+               } , function() {
+                       ok( true , "Test deferred do not cancel on exception" );
+               } );
+       } catch( e ) {
+               strictEqual( e , "Error" , "Test deferred propagates exceptions");
+               deferred.then();
+       }
+       
+       test = "";
+       deferred = jQuery._Deferred().then( function() {
+               
+               test += "A";
+               
+       }, function() {
+               
+               test += "B";
+               
+       } ).resolve();
+       
+       strictEqual( test , "AB" , "Test multiple then parameters" );
+       
+       test = "";
+       
+       deferred.then( function() {
+               
+               deferred.then( function() {
+                       
+                       test += "C";
+                       
+               } );
+               
+               test += "A";
+               
+       }, function() {
+               
+               test += "B";
+       } );
+       
+       strictEqual( test , "ABC" , "Test then callbacks order" );
+       
+       deferred = jQuery._Deferred();
+       
+       deferred.fire( jQuery , [ document ] ).then( function( doc ) {
+               ok( this === jQuery && arguments.length === 1 && doc === document , "Test fire context & args" );
+       });
+});
+
+test("jQuery.Deferred()", function() {
+       
+       expect( 4 );
+       
+       jQuery.Deferred( function( defer ) {
+               strictEqual( this , defer , "Defer passed as this & first argument" );
+               this.resolve( "done" );
+       }).then( function( value ) {
+               strictEqual( value , "done" , "Passed function executed" );
+       });
+       
+       jQuery.Deferred().resolve().then( function() {
+               ok( true , "Success on resolve" );
+       }).fail( function() {
+               ok( false , "Error on resolve" );
+       });
+       
+       jQuery.Deferred().reject().then( function() {
+               ok( false , "Success on reject" );
+       }).fail( function() {
+               ok( true , "Error on reject" );
+       });
+});
+       
+test("jQuery.isDeferred()", function() {
+       
+       expect( 11 );
+       
+       var object1 = { then: function() { return this; } },
+               object2 = { then: function() { return this; } };
+               
+       object2.then._ = [];
+       
+       // The use case that we want to match
+       ok(jQuery.isDeferred(jQuery._Deferred()), "Simple deferred");
+       ok(jQuery.isDeferred(jQuery.Deferred()), "Failable deferred");
+       
+       // Some other objects
+       ok(!jQuery.isDeferred(object1), "Object with then & no marker");
+       ok(!jQuery.isDeferred(object2), "Object with then & marker");
+       
+       // Not objects shouldn't be matched
+       ok(!jQuery.isDeferred(""), "string");
+       ok(!jQuery.isDeferred(0) && !jQuery.isDeferred(1), "number");
+       ok(!jQuery.isDeferred(true) && !jQuery.isDeferred(false), "boolean");
+       ok(!jQuery.isDeferred(null), "null");
+       ok(!jQuery.isDeferred(undefined), "undefined");
+       
+       object1 = {custom: jQuery._Deferred().then};
+       
+       ok(!jQuery.isDeferred(object1) , "custom method name not found automagically");
+       ok(jQuery.isDeferred(object1,"custom") , "custom method name");
+});
+
+test("jQuery.when()", function() {
+       
+       expect( 5 );
+       
+       var cache, i, deferred = { done: jQuery.Deferred().resolve( 1 ).then };
+       
+       for( i = 1 ; i < 3 ; i++ ) {
+               jQuery.when( cache || jQuery.Deferred( function() {
+                       this.resolve( i );
+               }) ).then( function( value ) {
+                       strictEqual( value , 1 , "Function executed" + ( i > 1 ? " only once" : "" ) );
+                       cache = value;
+               }).fail( function() {
+                       ok( false , "Fail called" );
+               });
+       }
+       
+       cache = 0;
+
+       for( i = 1 ; i < 3 ; i++ ) {
+               jQuery.when( cache || deferred , "done" ).done( function( value ) {
+                       strictEqual( value , 1 , "Custom method: resolved" + ( i > 1 ? " only once" : "" ) );
+                       cache = value;
+               }).fail( function() {
+                       ok( false , "Custom method: fail called" );
+               });
+       }
+       
+       stop();
+       
+       jQuery.when( jQuery( document ) , "ready" ).then( function( test ) {
+               strictEqual( test , jQuery , "jQuery.fn.ready recognized as a deferred" );
+               start();
+       });
+});