mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-07-10 17:43:58 +03:00
Merge commit 'd21ea7816e
' as 'jquery-ui'
This commit is contained in:
commit
e904a80717
629 changed files with 341074 additions and 0 deletions
271
jquery-ui/tests/unit/effects/effects_core.js
vendored
Normal file
271
jquery-ui/tests/unit/effects/effects_core.js
vendored
Normal file
|
@ -0,0 +1,271 @@
|
|||
(function($) {
|
||||
|
||||
function present( value, array, message ) {
|
||||
QUnit.push( jQuery.inArray( value, array ) !== -1 , value, array, message );
|
||||
}
|
||||
|
||||
function notPresent( value, array, message ) {
|
||||
QUnit.push( jQuery.inArray( value, array ) === -1 , value, array, message );
|
||||
}
|
||||
|
||||
// minDuration is used for "short" animate tests where we are only concerned about the final
|
||||
var minDuration = 15,
|
||||
|
||||
// duration is used for "long" animates where we plan on testing properties during animation
|
||||
duration = 200;
|
||||
|
||||
module( "effects.core" );
|
||||
|
||||
// TODO: test all signatures of .show(), .hide(), .toggle().
|
||||
// Look at core's signatures and UI's signatures.
|
||||
asyncTest( ".hide() with step", function() {
|
||||
expect( 1 );
|
||||
var element = $( "#elem" ),
|
||||
step = function() {
|
||||
ok( true, "step callback invoked" );
|
||||
step = $.noop;
|
||||
};
|
||||
|
||||
element.hide({
|
||||
step: function() {
|
||||
step();
|
||||
},
|
||||
complete: start
|
||||
});
|
||||
});
|
||||
|
||||
test( "Immediate Return Conditions", function() {
|
||||
var hidden = $( "div.hidden" ),
|
||||
count = 0;
|
||||
expect( 3 );
|
||||
hidden.hide( "blind", function() {
|
||||
equal( ++count, 1, "Hide on hidden returned immediately" );
|
||||
}).show().show( "blind", function() {
|
||||
equal( ++count, 2, "Show on shown returned immediately" );
|
||||
});
|
||||
equal( ++count, 3, "Both Functions worked properly" );
|
||||
});
|
||||
|
||||
test( ".hide() with hidden parent", function() {
|
||||
expect( 1 );
|
||||
var element = $( "div.hidden" ).children();
|
||||
element.hide( "blind", function() {
|
||||
equal( element.css( "display" ), "none", "display: none" );
|
||||
});
|
||||
});
|
||||
|
||||
asyncTest( "Parse of null for options", function() {
|
||||
var hidden = $( "div.hidden" ),
|
||||
count = 0;
|
||||
expect( 1 );
|
||||
hidden.show( "blind", null, 1, function() {
|
||||
equal( ++count, 1, "null for options still works" );
|
||||
start();
|
||||
});
|
||||
});
|
||||
|
||||
test( "removeClass", function() {
|
||||
expect( 3 );
|
||||
|
||||
var element = $( "<div>" );
|
||||
equal( "", element[ 0 ].className );
|
||||
element.addClass( "destroyed" );
|
||||
equal( "destroyed", element[ 0 ].className );
|
||||
element.removeClass();
|
||||
equal( "", element[ 0 ].className );
|
||||
});
|
||||
|
||||
|
||||
/* TODO: Disabled - Can't figure out why this is failing in IE 6/7
|
||||
test( "createWrapper and removeWrapper retain focused elements (#7595)", function() {
|
||||
expect( 2 );
|
||||
var test = $( "div.hidden" ).show(),
|
||||
input = $( "<input type='text'>" ).appendTo( test ).focus();
|
||||
|
||||
$.effects.createWrapper( test );
|
||||
equal( document.activeElement, input[ 0 ], "Active element is still input after createWrapper" );
|
||||
$.effects.removeWrapper( test );
|
||||
equal( document.activeElement, input[ 0 ], "Active element is still input after removeWrapper" );
|
||||
});
|
||||
*/
|
||||
|
||||
module( "effects.core: animateClass" );
|
||||
|
||||
asyncTest( "animateClass works with borderStyle", function() {
|
||||
var test = $("div.animateClass");
|
||||
expect(3);
|
||||
test.toggleClass("testAddBorder", minDuration, function() {
|
||||
test.toggleClass("testAddBorder", minDuration, function() {
|
||||
equal( test.css("borderLeftStyle"), "none", "None border set" );
|
||||
start();
|
||||
});
|
||||
equal( test.css("borderLeftStyle"), "solid", "None border not immedately set" );
|
||||
});
|
||||
equal( test.css("borderLeftStyle"), "solid", "Solid border immedately set" );
|
||||
});
|
||||
|
||||
asyncTest( "animateClass works with colors", function() {
|
||||
var test = $("div.animateClass"),
|
||||
oldStep = jQuery.fx.step.backgroundColor;
|
||||
|
||||
expect(2);
|
||||
|
||||
// we want to catch the first frame of animation
|
||||
jQuery.fx.step.backgroundColor = function( fx ) {
|
||||
oldStep.apply( this, arguments );
|
||||
|
||||
// make sure it has animated somewhere we can detect
|
||||
if ( fx.pos > 255 / 2000 ) {
|
||||
jQuery.fx.step.backgroundColor = oldStep;
|
||||
notPresent( test.css("backgroundColor"),
|
||||
[ "#000000", "#ffffff", "#000", "#fff", "rgb(0, 0, 0)", "rgb(255,255,255)" ],
|
||||
"Color is not endpoints in middle." );
|
||||
test.stop( true, true );
|
||||
}
|
||||
};
|
||||
|
||||
test.toggleClass("testChangeBackground", {
|
||||
duration: 2000,
|
||||
complete: function() {
|
||||
present( test.css("backgroundColor"), [ "#ffffff", "#fff", "rgb(255, 255, 255)" ], "Color is final" );
|
||||
start();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
asyncTest( "animateClass calls step option", 1, function() {
|
||||
var test = jQuery( "div.animateClass" ),
|
||||
step = function() {
|
||||
ok( true, "Step Function Called" );
|
||||
test.stop();
|
||||
start();
|
||||
step = $.noop;
|
||||
};
|
||||
test.toggleClass( "testChangeBackground", {
|
||||
step: function() {
|
||||
step();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
asyncTest( "animateClass works with children", 3, function() {
|
||||
var animatedChild,
|
||||
test = $("div.animateClass"),
|
||||
h2 = test.find("h2");
|
||||
|
||||
test.toggleClass("testChildren", {
|
||||
children: true,
|
||||
duration: duration,
|
||||
complete: function() {
|
||||
equal( h2.css("fontSize"), "20px", "Text size is final during complete");
|
||||
test.toggleClass("testChildren", {
|
||||
duration: duration,
|
||||
complete: function() {
|
||||
equal( h2.css("fontSize"), "10px", "Text size revertted after class removed");
|
||||
|
||||
start();
|
||||
},
|
||||
step: function( val, fx ) {
|
||||
if ( fx.elem === h2[ 0 ] ) {
|
||||
ok( false, "Error - Animating property on h2" );
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
step: function( val, fx ) {
|
||||
if ( fx.prop === "fontSize" && fx.elem === h2[ 0 ] && !animatedChild ) {
|
||||
equal( fx.end, 20, "animating font size on child" );
|
||||
animatedChild = true;
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
asyncTest( "animateClass clears style properties when stopped", function() {
|
||||
var test = $("div.animateClass"),
|
||||
style = test[0].style,
|
||||
orig = style.cssText;
|
||||
|
||||
expect( 2 );
|
||||
|
||||
test.addClass( "testChangeBackground", duration );
|
||||
notEqual( orig, style.cssText, "cssText is not the same after starting animation" );
|
||||
|
||||
test.stop( true, true );
|
||||
equal( orig, $.trim( style.cssText ), "cssText is the same after stopping animation midway" );
|
||||
start();
|
||||
});
|
||||
|
||||
asyncTest( "animateClass: css and class changes during animation are not lost (#7106)", function() {
|
||||
expect( 2 );
|
||||
var test = $( "div.ticket7106" );
|
||||
|
||||
// ensure the class stays and that the css property stays
|
||||
function animationComplete() {
|
||||
ok( test.hasClass( "testClass" ), "class change during animateClass was not lost" );
|
||||
equal( test.height(), 100, "css change during animateClass was not lost" );
|
||||
start();
|
||||
}
|
||||
|
||||
// add a class and change a style property after starting an animated class
|
||||
test.addClass( "animate", minDuration, animationComplete )
|
||||
.addClass( "testClass" )
|
||||
.height( 100 );
|
||||
});
|
||||
|
||||
|
||||
$.each( $.effects.effect, function( effect ) {
|
||||
module( "effects." + effect );
|
||||
|
||||
TestHelpers.testJshint( "effect-" + effect );
|
||||
|
||||
if ( effect === "transfer" ) {
|
||||
return;
|
||||
}
|
||||
asyncTest( "show/hide", function() {
|
||||
expect( 8 );
|
||||
var hidden = $( "div.hidden" ),
|
||||
count = 0,
|
||||
test = 0;
|
||||
|
||||
function queueTest( fn ) {
|
||||
count++;
|
||||
var point = count;
|
||||
return function( next ) {
|
||||
test++;
|
||||
equal( point, test, "Queue function fired in order" );
|
||||
if ( fn ) {
|
||||
fn();
|
||||
} else {
|
||||
setTimeout( next, minDuration );
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
hidden.queue( queueTest() ).show( effect, minDuration, queueTest(function() {
|
||||
equal( hidden.css("display"), "block", "Hidden is shown after .show(\"" +effect+ "\", time)" );
|
||||
})).queue( queueTest() ).hide( effect, minDuration, queueTest(function() {
|
||||
equal( hidden.css("display"), "none", "Back to hidden after .hide(\"" +effect+ "\", time)" );
|
||||
})).queue( queueTest(function() {
|
||||
deepEqual( hidden.queue(), ["inprogress"], "Only the inprogress sentinel remains");
|
||||
start();
|
||||
}));
|
||||
});
|
||||
|
||||
asyncTest( "relative width & height - properties are preserved", function() {
|
||||
var test = $("div.relWidth.relHeight"),
|
||||
width = test.width(), height = test.height(),
|
||||
cssWidth = test[0].style.width, cssHeight = test[0].style.height;
|
||||
|
||||
expect( 4 );
|
||||
test.toggle( effect, minDuration, function() {
|
||||
equal( test[0].style.width, cssWidth, "Inline CSS Width has been reset after animation ended" );
|
||||
equal( test[0].style.height, cssHeight, "Inline CSS Height has been rest after animation ended" );
|
||||
start();
|
||||
});
|
||||
equal( test.width(), width, "Width is the same px after animation started" );
|
||||
equal( test.height(), height, "Height is the same px after animation started" );
|
||||
});
|
||||
});
|
||||
|
||||
})(jQuery);
|
Loading…
Add table
Add a link
Reference in a new issue