third-party/jquery-ui-1.10.2/tests/unit/effects/effects.html

   1 <!doctype html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="utf-8">
   5         <title>jQuery UI Effects Test Suite</title>
   6
   7         <script src="../../jquery.js"></script>
   8         <link rel="stylesheet" href="../../../external/qunit.css">
   9         <script src="../../../external/qunit.js"></script>
  10         <script src="../../jquery.simulate.js"></script>
  11         <script src="../testsuite.js"></script>
  12         <script>
  13         TestHelpers.loadResources({
  14                 js: [
  15                         "ui/jquery.ui.effect.js",
  16                         "ui/jquery.ui.effect-blind.js",
  17                         "ui/jquery.ui.effect-bounce.js",
  18                         "ui/jquery.ui.effect-clip.js",
  19                         "ui/jquery.ui.effect-drop.js",
  20                         "ui/jquery.ui.effect-explode.js",
  21                         "ui/jquery.ui.effect-fade.js",
  22                         "ui/jquery.ui.effect-fold.js",
  23                         "ui/jquery.ui.effect-highlight.js",
  24                         "ui/jquery.ui.effect-pulsate.js",
  25                         "ui/jquery.ui.effect-scale.js",
  26                         "ui/jquery.ui.effect-shake.js",
  27                         "ui/jquery.ui.effect-slide.js",
  28                         "ui/jquery.ui.effect-transfer.js"
  29                 ]
  30         });
  31         </script>
  32
  33         <script src="effects_core.js"></script>
  34         <script src="effects_scale.js"></script>
  35
  36         <script src="../swarminject.js"></script>
  37         <style>
  38         #qunit-fixture {
  39                 width: 1000px;
  40                 height: 1000px;
  41         }
  42         .hidden {
  43                 display: none;
  44         }
  45         .test {
  46                 background: #000;
  47                 border: 0;
  48                 width: 100px;
  49                 height: 100px;
  50         }
  51         .testAddBorder {
  52                 border: 10px solid #000;
  53         }
  54         .testChildren,
  55         .testChangeBackground {
  56                 background: #fff;
  57         }
  58         .test h2 {
  59                 font-size: 10px;
  60         }
  61         .testChildren h2 {
  62                 font-size: 20px;
  63         }
  64
  65         .relWidth {
  66                 width: 50%;
  67         }
  68
  69         .relHeight {
  70                 height: 50%;
  71         }
  72
  73         .testScale {
  74                 border: 5px solid #000;
  75                 padding: 5px;
  76                 margin: 5px;
  77                 width: 50px;
  78                 height: 50px;
  79         }
  80
  81         .ticket7106 {
  82                 width: 50px;
  83                 height: 50px;
  84         }
  85         .ticket7106.animate {
  86                 width: 100px;
  87         }
  88
  89         </style>
  90 </head>
  91 <body>
  92
  93 <h1 id="qunit-header">jQuery UI Effects Test Suite</h1>
  94 <h2 id="qunit-banner"></h2>
  95 <div id="qunit-testrunner-toolbar"></div>
  96 <h2 id="qunit-userAgent"></h2>
  97 <ol id="qunit-tests"></ol>
  98 <div id="qunit-fixture">
  99 <div id="elem" class="test">
 100 </div>
 101 <div class="hidden test">
 102         <div>.</div>
 103 </div>
 104 <div class="animateClass test">
 105         <h2>Child Element Test</h2>
 106 </div>
 107 <div class="relWidth relHeight testAddBorder">
 108         <h2>Slide with relative width</h2>
 109 </div>
 110 <div class="testScale">
 111 </div>
 112 <div class="ticket7106">
 113 </div>
 114
 115 </div>
 116 </body>
 117 </html>