Adding fade to the tests

diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index 074ebcca6b1352d05124de4b376a81c00ae431d5..392ed6256496fbc0fc91d495f6221fdc4ce46c1c 100644 (file)
--- 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>
@@ -90,6 +91,12 @@
                </div>
        </li>
 
+       <li>
+               <div class="effect" id="fade">
+               <p>Fade</p>
+               </div>
+       </li>
+
        <li>
                <div class="effect" id="fold">
                <p>Fold</p>

diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index b11c13183a0be0bb440fd8259a6df427aae63fcd..5e47a4f48c20bd9691c4d2a96cfa378921ad288c 100644 (file)
--- 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);
        });
 });