2 files changed, 12 insertions, 3 deletions
diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index 074ebcca6..392ed6256 100644
--- a/tests/visual/effects.all.html
+++ b/tests/visual/effects.all.html
@@ -11,6 +11,7 @@
 	<script type="text/javascript" src="../../ui/jquery.effects.clip.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.drop.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.explode.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.effects.fade.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.fold.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.highlight.js"></script>
 	<script type="text/javascript" src="../../ui/jquery.effects.pulsate.js"></script>
@@ -91,6 +92,12 @@
 	</li>
 
 	<li>
+		<div class="effect" id="fade">
+		<p>Fade</p>
+		</div>
+	</li>
+
+	<li>
 		<div class="effect" id="fold">
 		<p>Fold</p>
 		</div>
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index b11c13183..5e47a4f48 100644
--- a/tests/visual/effects.all.js
+++ b/tests/visual/effects.all.js
@@ -49,6 +49,8 @@ $(function() {
 	effect("#explode9", "explode", {});
 	effect("#explode36", "explode", { pieces: 36 });
 
+	effect("#fade", "fade", {});
+
 	effect("#fold", "fold", { size: 50 });
 
 	effect("#highlight", "highlight", {});
@@ -71,7 +73,7 @@ $(function() {
 		$(this).addClass(function() {
 			window.console && console.log(arguments);
 			return "current";
-		}, 1000, function() {
+		}, duration, function() {
 			$(this).removeClass("current");
 		});
 	});
@@ -79,12 +81,12 @@ $(function() {
 		$(this).addClass("current").removeClass(function() {
 			window.console && console.log(arguments);
 			return "current"
-		}, 1000);
+		}, duration);
 	});
 	$("#toggleClass").click(function() {
 		$(this).toggleClass(function() {
 			window.console && console.log(arguments);
 			return "current"
-		}, 1000);
+		}, duration);
 	});
 });