Ref #13483: Cherry-pick tests from master ea5c22ec12e6a548b1ec2d7b0dcd9f71bea8d5dd

1 files changed, 60 insertions, 0 deletions

diff --git a/test/unit/effects.js b/test/unit/effects.js
index c98ab586e..f276ac3ba 100644
--- a/test/unit/effects.js
+++ b/test/unit/effects.js
@@ -2071,4 +2071,64 @@ test( ".finish() calls finish of custom queue functions", function() {
 	div.remove();
 });
 
+asyncTest( "slideDown() after stop() (#13483)", 2, function() {
+	var ul = jQuery( "<ul style='height: 100px;display: block'></ul>" ),
+		origHeight = ul.height();
+
+	// First test. slideUp() -> stop() in the middle -> slideDown() until the end
+	ul.slideUp( 1000 );
+	setTimeout( function() {
+		ul.stop( true );
+		ul.slideDown( 1, function() {
+			equal( ul.height(), origHeight, "slideDown() after interrupting slideUp() with stop(). Height must be in original value" );
+
+			// Second test. slideDown() -> stop() in the middle -> slideDown() until the end
+			ul.slideUp( 1, function() {
+				ul.slideDown( 1000 );
+				setTimeout( function() {
+					ul.stop( true );
+					ul.slideDown( 1, function() {
+						equal( ul.height(), origHeight, "slideDown() after interrupting slideDown() with stop(). Height must be in original value" );
+
+						// Cleanup
+						ul.remove();
+						start();
+					});
+				}, 500 );
+			});
+
+		});
+	}, 500 );
+});
+
+asyncTest( "fadeIn() after stop() (related to #13483)", 2, function() {
+	var ul = jQuery( "<ul style='height: 100px;display: block; opacity: 1'></ul>" ),
+		origOpacity = ul.css( "opacity" );
+
+	// First test. fadeOut() -> stop() in the middle -> fadeIn() until the end
+	ul.fadeOut( 1000 );
+	setTimeout( function() {
+		ul.stop( true );
+		ul.fadeIn( 1, function() {
+			equal( ul.css( "opacity" ), origOpacity, "fadeIn() after interrupting fadeOut() with stop(). Opacity must be in original value" );
+
+			// Second test. fadeIn() -> stop() in the middle -> fadeIn() until the end
+			ul.fadeOut( 1, function() {
+				ul.fadeIn( 1000 );
+				setTimeout( function() {
+					ul.stop( true );
+					ul.fadeIn( 1, function() {
+						equal( ul.css("opacity"), origOpacity, "fadeIn() after interrupting fadeIn() with stop(). Opacity must be in original value" );
+
+						// Cleanup
+						ul.remove();
+						start();
+					});
+				}, 500 );
+			});
+
+		});
+	}, 500 );
+});
+
 })();