testing/mochitest/tests/test_MochiKit-Visual.html

   1 <html>
   2 <head>
   3     <script type="text/javascript" src="/MochiKit/Base.js"></script>
   4     <script type="text/javascript" src="/MochiKit/Iter.js"></script>
   5     <script type="text/javascript" src="/MochiKit/DOM.js"></script>
   6     <script type="text/javascript" src="/MochiKit/Async.js"></script>
   7     <script type="text/javascript" src="/MochiKit/Style.js"></script>
   8     <script type="text/javascript" src="/MochiKit/Color.js"></script>
   9     <script type="text/javascript" src="/MochiKit/Signal.js"></script>
  10     <script type="text/javascript" src="/MochiKit/New.js"></script>
  11     <script type="text/javascript" src="/MochiKit/Visual.js"></script>
  12     <script type="text/javascript" src="../SimpleTest/SimpleTest.js"></script>
  13
  14     <link rel="stylesheet" type="text/css" href="../SimpleTest/test.css">
  15     <style type="text/css">
  16     #elt1, #elt2, #ctn1 {
  17         visibility: hidden;
  18     }
  19     #ctn1 {
  20         height: 2px;
  21     }
  22     </style>
  23 </head>
  24 <body>
  25
  26 <div id='elt1'>elt1</div>
  27 <div id='ctn1'><div id='elt2'></div></div>
  28 <pre id="test">
  29 <script type="text/javascript">
  30 try {
  31     var TestQueue = function () {
  32     };
  33
  34     TestQueue.prototype = new MochiKit.Visual.ScopedQueue();
  35
  36     MochiKit.Base.update(TestQueue.prototype, {
  37         startLoop: function (func, interval) {
  38             this.started = true;
  39             var timePos = new Date().getTime();
  40             while (this.started) {
  41                 timePos += interval;
  42                 MochiKit.Base.map(function (effect) {
  43                     effect.loop(timePos);
  44                 }, this.effects);
  45             }
  46         },
  47         stopLoop: function () {
  48             this.started = false;
  49         },
  50     });
  51
  52     var gl = new TestQueue();
  53     MochiKit.Visual.Queues.instances['global'] = gl;
  54     MochiKit.Visual.Queues.instances['elt1'] = gl;
  55     MochiKit.Visual.Queue = gl;
  56
  57     fade("elt1", {duration: 0, afterFinish: function () {
  58         is(getElement('elt1').style.display, 'none', "fade ok");
  59     }});
  60
  61     appear("elt1", {afterFinish: function () {
  62         is(getElement('elt1').style.display != 'none', true, "appear ok");
  63     }});
  64
  65     toggle("elt1", "size", {afterFinish: function () {
  66         is(getElement('elt1').style.display, 'none', "toggle size ok");
  67     }});
  68
  69     toggle("elt1", "size", {afterFinish: function () {
  70         is(getElement('elt1').style.display != 'none', true, "toggle size reverse ok");
  71     }});
  72
  73     switchOff("elt1", {afterFinish: function () {
  74         is(getElement('elt1').style.display, 'none', "switchOff ok");
  75     }});
  76
  77     slideUp("ctn1", {afterFinish: function () {
  78         is(getElement('elt1').style.display, 'none', "slideUp ok");
  79     }});
  80
  81     slideDown("ctn1", {afterFinish: function () {
  82         is(getElement('elt1').style.display, 'none', "slideDown ok");
  83     }});
  84
  85     ok(true, "visual suite finished");
  86
  87 } catch (err) {
  88
  89     var s = "test suite failure!\n";
  90     var o = {};
  91     var k = null;
  92     for (k in err) {
  93         // ensure unique keys?!
  94         if (!o[k]) {
  95             s +=  k + ": " + err[k] + "\n";
  96             o[k] = err[k];
  97         }
  98     }
  99     ok ( false, s );
 100     SimpleTest.finish();
 101
 102 }
 103 </script>
 104 </pre>
 105 </body>
 106 </html>
 107