Update $.fn.animate to change display mode only when necessary (inline, non-floated...
[jquery.git] / test / index.html
index 3b78e57..262bd9a 100644 (file)
@@ -3,33 +3,51 @@
 <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery Test Suite</title>
-       <link rel="Stylesheet" media="screen" href="qunit/testsuite.css" />
+       <link rel="Stylesheet" media="screen" href="qunit/qunit/qunit.css" />
+       <link rel="Stylesheet" media="screen" href="data/testsuite.css" />
        <!-- Includes -->
-       <script type="text/javascript">
-               var jQuery = this.jQuery || "jQuery", // For testing .noConflict()
-                       $ = this.$ || "$",
-                       originaljQuery = jQuery,
-                       original$ = $;
-       </script>
-       <script type="text/javascript" src="../dist/jquery.js"></script>
-       <script type="text/javascript" src="qunit/testrunner.js"></script>
-       <script type="text/javascript" src="data/testrunner.js"></script>
-       <script type="text/javascript" src="unit/core.js"></script>
-       <script type="text/javascript" src="unit/data.js"></script>
-       <script type="text/javascript" src="unit/attributes.js"></script>
-       <script type="text/javascript" src="unit/traversing.js"></script>
-       <script type="text/javascript" src="unit/manipulation.js"></script>
-       <script type="text/javascript" src="unit/dimensions.js"></script>
-       <script type="text/javascript" src="unit/selector.js"></script>
-       <script type="text/javascript" src="unit/event.js"></script>
-       <script type="text/javascript" src="unit/ajax.js"></script>
-       <script type="text/javascript" src="unit/fx.js"></script>
+       <script src="data/testinit.js"></script>
+
+       <script src="../src/core.js"></script>
+       <script src="../src/support.js"></script>
+       <script src="../src/data.js"></script>
+       <script src="../src/queue.js"></script>
+       <script src="../src/attributes.js"></script>
+       <script src="../src/event.js"></script>
+       <script src="../src/sizzle/sizzle.js"></script>
+       <script src="../src/sizzle-jquery.js"></script>
+       <script src="../src/traversing.js"></script>
+       <script src="../src/manipulation.js"></script>
+       <script src="../src/css.js"></script>
+       <script src="../src/ajax.js"></script>
+       <script src="../src/effects.js"></script>
+       <script src="../src/offset.js"></script>
+       <script src="../src/dimensions.js"></script>
+
+       <script src="qunit/qunit/qunit.js"></script>
+       <script src="data/testrunner.js"></script>
+
+       <script src="unit/core.js"></script>
+       <script src="unit/data.js"></script>
+       <script src="unit/queue.js"></script>
+       <script src="unit/attributes.js"></script>
+       <script src="unit/event.js"></script>
+       <script src="unit/selector.js"></script>
+       <script src="unit/traversing.js"></script>
+       <script src="unit/manipulation.js"></script>
+       <script src="unit/css.js"></script>
+       <script src="unit/ajax.js"></script>
+       <script src="unit/effects.js"></script>
+       <script src="unit/offset.js"></script>
+       <script src="unit/dimensions.js"></script>
 </head>
 
 <body id="body">
-       <h1 id="header">jQuery Test Suite</h1>
-       <h2 id="banner"></h2>
-       <h2 id="userAgent"></h2>
+       <h1 id="qunit-header">jQuery Test Suite</h1>
+       <h2 id="qunit-banner"></h2>
+       <div id="qunit-testrunner-toolbar"></div>
+       <h2 id="qunit-userAgent"></h2>
+       <ol id="qunit-tests"></ol>
        
        <!-- Test HTML -->
        <div id="nothiddendiv" style="height:1px;background:white;" class="nothiddendiv">
@@ -37,8 +55,8 @@
        </div>
        <!-- this iframe is outside the #main so it won't reload constantly wasting time, but it means the tests must be "safe" and clean up after themselves -->
        <iframe id="loadediframe" name="loadediframe" style="display:none;" src="data/iframe.html"></iframe>
-       <dl id="dl" style="display:none;">
-       <div id="main" style="display: none;">
+       <dl id="dl" style="position:absolute;top:-32767px;left:-32767px;">
+       <div id="main">
                <p id="firstp">See <a id="simon1" href="http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel="bookmark">this blog entry</a> for more information.</p>
                <p id="ap">
                        Here are some links in a normal paragraph: <a id="google" href="http://www.google.com/" title="Google!">Google</a>, 
                                <option id="option3d" value="3">3</option>
                                <option id="option3e">no value</option>
                        </select>
+                       <select name="select4" id="select4" multiple="multiple">
+                               <optgroup disabled="disabled">
+                                       <option id="option4a" class="emptyopt" value="">Nothing</option>
+                                       <option id="option4b" disabled="disabled" selected="selected" value="1">1</option>
+                                       <option id="option4c" selected="selected" value="2">2</option>
+                               </optgroup>
+                               <option selected="selected" disabled="disabled" id="option4d" value="3">3</option>
+                               <option id="option4e">no value</option>
+                       </select>
+                       <select name="select5" id="select5">
+                               <option id="option5a" value="3">1</option>
+                               <option id="option5b" value="2">2</option>
+                               <option id="option5c" value="1">3</option>
+                       </select>
                        
                        <object id="object1" codebase="stupid">
                                <param name="p1" value="x1" />
@@ -203,9 +235,14 @@ Z</textarea>
                        <span id="liveSpan1"><a href="#" id="liveLink1"></a></span>
                        <span id="liveSpan2"><a href="#" id="liveLink2"></a></span>
                </div>
+
+               <div id="siblingTest">
+                       <em id="siblingfirst">1</em>
+                       <em id="siblingnext">2</em>
+               </div>
        </div>
        </dl>
-       <div id="fx-test-group" style="width:1px;height:1px;overflow:hidden;">
+       <div id="fx-test-group" style="position:absolute;width:1px;height:1px;overflow:hidden;">
                <div id="fx-queue" name="test">
                        <div id="fadein" class='chain test' name='div'>fadeIn<div>fadeIn</div></div>
                        <div id="fadeout" class='chain test out'>fadeOut<div>fadeOut</div></div>
@@ -222,11 +259,11 @@ Z</textarea>
                        
                        <div id="slidetogglein" class='chain test'>slideToggleIn<div>slideToggleIn</div></div>
                        <div id="slidetoggleout" class='chain test out'>slideToggleOut<div>slideToggleOut</div></div>
+
+                       <div id="fadeto" class='chain test'>fadeTo<div>fadeTo</div></div>
                </div>
                
                <div id="fx-tests"></div>
        </div>
-       
-       <ol id="tests"></ol>
 </body>
 </html>