X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Ffx.js;h=f8b63835e9a58cfe006148ce3cc5d892d00ca705;hb=67ded9a36a89c5fa1b1061c283dad078a59bec8e;hp=5f6ad3993ef85d89493c65207b591771376c5852;hpb=259c8aa6044491f41a19668c0283c4d339904ff0;p=jquery.git diff --git a/test/unit/fx.js b/test/unit/fx.js index 5f6ad39..f8b6383 100644 --- a/test/unit/fx.js +++ b/test/unit/fx.js @@ -1,12 +1,13 @@ module("fx"); test("animate(Hash, Object, Function)", function() { - expect(3); + expect(1); stop(); var hash = {opacity: 'show'}; - var hashCopy = $.extend({}, hash); - $('#foo').animate(hash, 0, function() { - ok( hash.opacity == hashCopy.opacity, 'Check if animate changed the hash parameter' ); + var hashCopy = jQuery.extend({}, hash); + jQuery('#foo').animate(hash, 0, function() { + equals( hash.opacity, hashCopy.opacity, 'Check if animate changed the hash parameter' ); + start(); }); }); @@ -16,7 +17,7 @@ test("animate option (queue === false)", function () { var order = []; - var $foo = $("#foo"); + var $foo = jQuery("#foo"); $foo.animate({width:'100px'}, 200, function () { // should finish after unqueued animation so second order.push(2); @@ -37,7 +38,7 @@ test("queue() defaults to 'fx' type", function () { expect(2); stop(); - var $foo = $("#foo"); + var $foo = jQuery("#foo"); $foo.queue("fx", [ "sample", "array" ]); var arr = $foo.queue(); isSet(arr, [ "sample", "array" ], "queue() got an array set with type 'fx'"); @@ -54,7 +55,7 @@ test("stop()", function() { expect(3); stop(); - var $foo = $("#nothiddendiv"); + var $foo = jQuery("#nothiddendiv"); var w = 0; $foo.hide().width(200).width(); @@ -77,7 +78,7 @@ test("stop() - several in queue", function() { expect(4); stop(); - var $foo = $("#nothiddendiv"); + var $foo = jQuery("#nothiddendiv"); var w = 0; $foo.hide().width(200).width(); @@ -102,7 +103,7 @@ test("stop(clearQueue)", function() { expect(4); stop(); - var $foo = $("#nothiddendiv"); + var $foo = jQuery("#nothiddendiv"); var w = 0; $foo.hide().width(200).width(); @@ -129,7 +130,7 @@ test("stop(clearQueue, gotoEnd)", function() { expect(3); stop(); - var $foo = $("#nothiddendiv"); + var $foo = jQuery("#nothiddendiv"); var w = 0; $foo.hide().width(200).width(); @@ -155,7 +156,7 @@ test("stop(clearQueue, gotoEnd)", function() { test("toggle()", function() { expect(3); - var x = $("#foo"); + var x = jQuery("#foo"); ok( x.is(":visible"), "is visible" ); x.toggle(); ok( x.is(":hidden"), "is hidden" ); @@ -166,68 +167,68 @@ test("toggle()", function() { var visible = { Normal: function(elem){}, "CSS Hidden": function(elem){ - $(this).addClass("hidden"); + jQuery(this).addClass("hidden"); }, "JS Hidden": function(elem){ - $(this).hide(); + jQuery(this).hide(); } }; var from = { "CSS Auto": function(elem,prop){ - $(elem).addClass("auto" + prop) + jQuery(elem).addClass("auto" + prop) .text("This is a long string of text."); return ""; }, "JS Auto": function(elem,prop){ - $(elem).css(prop,"auto") + jQuery(elem).css(prop,"auto") .text("This is a long string of text."); return ""; }, "CSS 100": function(elem,prop){ - $(elem).addClass("large" + prop); + jQuery(elem).addClass("large" + prop); return ""; }, "JS 100": function(elem,prop){ - $(elem).css(prop,prop == "opacity" ? 1 : "100px"); + jQuery(elem).css(prop,prop == "opacity" ? 1 : "100px"); return prop == "opacity" ? 1 : 100; }, "CSS 50": function(elem,prop){ - $(elem).addClass("med" + prop); + jQuery(elem).addClass("med" + prop); return ""; }, "JS 50": function(elem,prop){ - $(elem).css(prop,prop == "opacity" ? 0.50 : "50px"); + jQuery(elem).css(prop,prop == "opacity" ? 0.50 : "50px"); return prop == "opacity" ? 0.5 : 50; }, "CSS 0": function(elem,prop){ - $(elem).addClass("no" + prop); + jQuery(elem).addClass("no" + prop); return ""; }, "JS 0": function(elem,prop){ - $(elem).css(prop,prop == "opacity" ? 0 : "0px"); + jQuery(elem).css(prop,prop == "opacity" ? 0 : "0px"); return 0; } }; var to = { "show": function(elem,prop){ - $(elem).hide().addClass("wide"+prop); + jQuery(elem).hide().addClass("wide"+prop); return "show"; }, "hide": function(elem,prop){ - $(elem).addClass("wide"+prop); + jQuery(elem).addClass("wide"+prop); return "hide"; }, "100": function(elem,prop){ - $(elem).addClass("wide"+prop); + jQuery(elem).addClass("wide"+prop); return prop == "opacity" ? 1 : 100; }, "50": function(elem,prop){ return prop == "opacity" ? 0.50 : 50; }, "0": function(elem,prop){ - $(elem).addClass("noback"); + jQuery(elem).addClass("noback"); return 0; } }; @@ -235,8 +236,8 @@ var to = { function checkOverflowDisplay(){ var o = jQuery.css( this, "overflow" ); - ok(o == "visible", "Overflow should be visible: " + o); - ok(jQuery.css( this, "display" ) == "inline", "Display shouldn't be tampered with."); + equals(o, "visible", "Overflow should be visible: " + o); + equals(jQuery.css( this, "display" ), "inline", "Display shouldn't be tampered with."); start(); } @@ -297,31 +298,31 @@ jQuery.each( from, function(fn, f){ elem.animate(anim, 50, function(){ if ( t_w == "show" ) - ok( this.style.display == "block", "Showing, display should block: " + this.style.display); + equals( this.style.display, "block", "Showing, display should block: " + this.style.display); if ( t_w == "hide"||t_w == "show" ) - ok(this.style.width.indexOf(f_w) == 0, "Width must be reset to " + f_w + ": " + this.style.width); + equals(this.style.width.indexOf(f_w), 0, "Width must be reset to " + f_w + ": " + this.style.width); if ( t_h == "hide"||t_h == "show" ) - ok(this.style.height.indexOf(f_h) == 0, "Height must be reset to " + f_h + ": " + this.style.height); + equals(this.style.height.indexOf(f_h), 0, "Height must be reset to " + f_h + ": " + this.style.height); var cur_o = jQuery.attr(this.style, "opacity"); if ( cur_o !== "" ) cur_o = parseFloat( cur_o ); if ( t_o == "hide"||t_o == "show" ) - ok(cur_o == f_o, "Opacity must be reset to " + f_o + ": " + cur_o); + equals(cur_o, f_o, "Opacity must be reset to " + f_o + ": " + cur_o); if ( t_w == "hide" ) - ok(this.style.display == "none", "Hiding, display should be none: " + this.style.display); + equals(this.style.display, "none", "Hiding, display should be none: " + this.style.display); if ( t_o.constructor == Number ) { - ok(cur_o == t_o, "Final opacity should be " + t_o + ": " + cur_o); + equals(cur_o, t_o, "Final opacity should be " + t_o + ": " + cur_o); ok(jQuery.curCSS(this, "opacity") != "" || cur_o == t_o, "Opacity should be explicitly set to " + t_o + ", is instead: " + cur_o); } if ( t_w.constructor == Number ) { - ok(this.style.width == t_w + "px", "Final width should be " + t_w + ": " + this.style.width); + equals(this.style.width, t_w + "px", "Final width should be " + t_w + ": " + this.style.width); var cur_w = jQuery.css(this,"width"); @@ -329,7 +330,7 @@ jQuery.each( from, function(fn, f){ } if ( t_h.constructor == Number ) { - ok(this.style.height == t_h + "px", "Final height should be " + t_h + ": " + this.style.height); + equals(this.style.height, t_h + "px", "Final height should be " + t_h + ": " + this.style.height); var cur_h = jQuery.css(this,"height"); @@ -338,7 +339,7 @@ jQuery.each( from, function(fn, f){ if ( t_h == "show" ) { var old_h = jQuery.curCSS(this, "height"); - $(elem).append("
Some more text
and some more..."); + jQuery(elem).append("
Some more text
and some more..."); ok(old_h != jQuery.css(this, "height" ), "Make sure height is auto."); } @@ -366,57 +367,57 @@ function checkState(){ var self = this; jQuery.each(this.save, function(c,v){ var cur = jQuery.css(self,c); - ok( v == cur, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); + equals( v, cur, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); }); start(); } // Chaining Tests test("Chain fadeOut fadeIn", function() { - $('#fadein div').saveState().fadeOut('fast').fadeIn('fast',checkState); + jQuery('#fadein div').saveState().fadeOut('fast').fadeIn('fast',checkState); }); test("Chain fadeIn fadeOut", function() { - $('#fadeout div').saveState().fadeIn('fast').fadeOut('fast',checkState); + jQuery('#fadeout div').saveState().fadeIn('fast').fadeOut('fast',checkState); }); test("Chain hide show", function() { - $('#show div').saveState().hide('fast').show('fast',checkState); + jQuery('#show div').saveState().hide('fast').show('fast',checkState); }); test("Chain show hide", function() { - $('#hide div').saveState().show('fast').hide('fast',checkState); + jQuery('#hide div').saveState().show('fast').hide('fast',checkState); }); test("Chain toggle in", function() { - $('#togglein div').saveState().toggle('fast').toggle('fast',checkState); + jQuery('#togglein div').saveState().toggle('fast').toggle('fast',checkState); }); test("Chain toggle out", function() { - $('#toggleout div').saveState().toggle('fast').toggle('fast',checkState); + jQuery('#toggleout div').saveState().toggle('fast').toggle('fast',checkState); }); test("Chain slideDown slideUp", function() { - $('#slidedown div').saveState().slideDown('fast').slideUp('fast',checkState); + jQuery('#slidedown div').saveState().slideDown('fast').slideUp('fast',checkState); }); test("Chain slideUp slideDown", function() { - $('#slideup div').saveState().slideUp('fast').slideDown('fast',checkState); + jQuery('#slideup div').saveState().slideUp('fast').slideDown('fast',checkState); }); test("Chain slideToggle in", function() { - $('#slidetogglein div').saveState().slideToggle('fast').slideToggle('fast',checkState); + jQuery('#slidetogglein div').saveState().slideToggle('fast').slideToggle('fast',checkState); }); test("Chain slideToggle out", function() { - $('#slidetoggleout div').saveState().slideToggle('fast').slideToggle('fast',checkState); + jQuery('#slidetoggleout div').saveState().slideToggle('fast').slideToggle('fast',checkState); }); function makeTest( text ){ - var elem = $("
") + var elem = jQuery("
") .attr("id", "test" + makeTest.id++) .addClass("box"); - $("

") + jQuery("

") .text( text ) .appendTo("#fx-tests") .click(function(){ - $(this).next().toggle(); + jQuery(this).next().toggle(); }) .after( elem );