r997 - trunk/tests

r997 - trunk/tests


Author: rdworth
Date: Sat Nov 22 11:29:03 2008
New Revision: 997
Added:
trunk/tests/testsuite.css
trunk/tests/testsuite.js
Modified:
trunk/tests/accordion.html
trunk/tests/core.html
trunk/tests/datepicker.html
trunk/tests/dialog.html
trunk/tests/draggable.html
trunk/tests/droppable.html
trunk/tests/progressbar.html
trunk/tests/resizable.html
trunk/tests/selectable.html
trunk/tests/slider.html
trunk/tests/sortable.html
trunk/tests/tabs.html
trunk/tests/ui.html
Log:
tests: formatting and cleanup for consistency
Modified: trunk/tests/accordion.html
==============================================================================
--- trunk/tests/accordion.html    (original)
+++ trunk/tests/accordion.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Accordion Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.accordion.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="accordion.js"></script>
-
-    <style type="text/css">
-        .xerror, .error { display: none }
-    </style>
-
-
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Accordion Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position:absolute;top:-2000000px;">
+<div id="main">
    <div id="list1">
        <a>There is one obvious advantage:</a>
Modified: trunk/tests/core.html
==============================================================================
--- trunk/tests/core.html    (original)
+++ trunk/tests/core.html    Sat Nov 22 11:29:03 2008
@@ -3,27 +3,19 @@
<head>
    <title>jQuery UI Core Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
-    <script type="text/javascript" src="core.js"></script>
+    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
-    <style type="text/css">
-        html { border: 0; }
-    </style>
+    <script type="text/javascript" src="core.js"></script>
</head>
<body>
-<h1 id="header">jQuery UI Core Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position: absolute; top: -10000px; border: 1px solid
black; padding: 10px; margin: 10px;">
+<div id="main">
    <div id="wrap1">
        <input id="input1-1" />
        <input type="text" id="input1-2" />
Modified: trunk/tests/datepicker.html
==============================================================================
--- trunk/tests/datepicker.html    (original)
+++ trunk/tests/datepicker.html    Sat Nov 22 11:29:03 2008
@@ -3,33 +3,26 @@
<head>
    <title>jQuery UI Datepicker Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.datepicker.js"></script>
    <script type="text/javascript"
src="../ui/i18n/ui.datepicker-fr.js"></script>
    <script type="text/javascript"
src="../ui/i18n/ui.datepicker-he.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
-    <script type="text/javascript" src="datepicker.js"></script>
-
    <style type="text/css">
        @import "../themes/default/ui.datepicker.css";
-        .xerror, .error { display: none }
    </style>
+
+    <script type="text/javascript" src="datepicker.js"></script>
</head>
<body>
-<h1 id="header">jQuery UI Datepicker Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position:absolute;top:-2000000px;">
+<div id="main">
    

<input type="text" id="inp"/><input type="text" id="alt"/><div
id="inl"></div>


</div>
Modified: trunk/tests/dialog.html
==============================================================================
--- trunk/tests/dialog.html    (original)
+++ trunk/tests/dialog.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,22 @@
<head>
    <title>jQuery UI Dialog Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.dialog.js"></script>
    <script type="text/javascript" src="../ui/ui.draggable.js"></script>
    <script type="text/javascript" src="../ui/ui.resizable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="dialog.js"></script>
-
-    <style type="text/css">
-        html { border: 0; }
-    </style>
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Dialog Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position: absolute; top: -10000px; border: 1px solid
black; padding: 10px; margin: 10px;">
+<div id="main">
    <div id="dialog1">Dialog Content</div>
</div>
Modified: trunk/tests/draggable.html
==============================================================================
--- trunk/tests/draggable.html    (original)
+++ trunk/tests/draggable.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Draggable Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.draggable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="draggable.js"></script>
-
-    <style type="text/css">
-        html { border: 0; }
-        #main {
-            position:absolute !important;
-            top: -1000px !important;
-            left: -1000px !important;
-        }
-    </style>
</head>
<body>
-<h1 id="header">jQuery UI Draggable Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="border: 1px solid black; padding: 10px; margin:
10px; height: 500px; overflow: auto;">
+<div id="main">
    <div id="draggable1" style="background: green; width: 200px; height:
100px;">Relative</div>
    <div id="draggable2" style="background: green; width: 200px; height:
100px; position: absolute; top: 10px; left:
10px;"><span>Absolute</span></div>
    <div style='width: 1px; height: 1000px;'></div>
Modified: trunk/tests/droppable.html
==============================================================================
--- trunk/tests/droppable.html    (original)
+++ trunk/tests/droppable.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,21 @@
<head>
    <title>jQuery UI Droppable Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.draggable.js"></script>
    <script type="text/javascript" src="../ui/ui.droppable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="droppable.js"></script>
-
-    <style type="text/css">
-        html { border: 0; }
-        #main {
-            top: -1000px;
-            left: -1000px;
-        }
-    </style>
</head>
<body>
-<h1 id="header">jQuery UI Droppable Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style='position: absolute; width: 300px; height: 300px;
overflow: auto;'>
+<div id="main">
    <div id="draggable1" style="width: 25px; height: 25px;">Draggable</div>
    <div id="droppable1" style="width: 100px; height: 100px;">Droppable</div>
    <div style='width:1000px;height:1000px;'>&nbsp;</div>
Modified: trunk/tests/progressbar.html
==============================================================================
--- trunk/tests/progressbar.html    (original)
+++ trunk/tests/progressbar.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Progressbar Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.progressbar.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="progressbar.js"></script>
-
-    <style type="text/css">
-
-
-
-    </style>
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Progressbar Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position:absolute;top:-20000px">
+<div id="main">
    <div id="progressbar"></div>
</div>
Modified: trunk/tests/resizable.html
==============================================================================
--- trunk/tests/resizable.html    (original)
+++ trunk/tests/resizable.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Resizable Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.resizable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="resizable.js"></script>
-
-    <style type="text/css">
-        #main {
-            position: absolute !important;
-            top: -1000px !important;
-            left: -1000px !important;
-        }
-    </style>
-
</head>
<body>
-<h1 id="header">jQuery UI Resizable Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="border: 1px solid black; padding: 10px; margin:
10px;">
+<div id="main">
    <div id="resizable1" style="background: green; width: 100px; height:
100px;">I'm a resizable.</div>
    <img src="images/test.jpg" id="resizable2" style="width: 100px; height:
100px;"/>
</div>
Modified: trunk/tests/selectable.html
==============================================================================
--- trunk/tests/selectable.html    (original)
+++ trunk/tests/selectable.html    Sat Nov 22 11:29:03 2008
@@ -3,33 +3,20 @@
<head>
    <title>jQuery UI Selectable Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.selectable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="selectable.js"></script>
-
-    <style type="text/css">
-        html { border: 0; }
-    </style>
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Selectable Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position: absolute; top: -10000px; border: 1px solid
black; padding: 10px; margin: 10px;">
+<div id="main">
    <ul id="selectable1">
        <li>Item 1</li>
        <li>Item 2</li>
Modified: trunk/tests/slider.html
==============================================================================
--- trunk/tests/slider.html    (original)
+++ trunk/tests/slider.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Slider Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.slider.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="slider.js"></script>
-
-    <style type="text/css">
-
-
-
-    </style>
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Slider Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position:absolute;top:-20000px">
+<div id="main">
    <div id="slider1"></div>
    <div id="slider3" style="position: relative; margin: 40px; width: 217px;
height: 28px;">
        <div class="ui-slider-handle" style="position: absolute; height: 21px;
left: 0px; bottom: 0px; width: 17px;"></div>
Modified: trunk/tests/sortable.html
==============================================================================
--- trunk/tests/sortable.html    (original)
+++ trunk/tests/sortable.html    Sat Nov 22 11:29:03 2008
@@ -3,35 +3,20 @@
<head>
    <title>jQuery UI Sortable Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.sortable.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
    <script type="text/javascript" src="sortable.js"></script>
-
-    <style type="text/css">
-        html { border: 0; }
-        #main {
-            position:absolute !important;
-            top: -1000px !important;
-            left: -1000px !important;
-        }
-    </style>
</head>
<body>
-<h1 id="header">jQuery UI Sortable Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="border: 1px solid black; padding: 10px; margin:
10px;">
+<div id="main">
    <ul id="sortable">
        <li>Item 1</li>
        <li>Item 2</li>
Modified: trunk/tests/tabs.html
==============================================================================
--- trunk/tests/tabs.html    (original)
+++ trunk/tests/tabs.html    Sat Nov 22 11:29:03 2008
@@ -3,36 +3,22 @@
<head>
    <title>jQuery UI Tabs Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.tabs.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
+
    <script type="text/javascript"
src="plugins/cookie/jquery.cookie.js"></script>
    <script type="text/javascript" src="tabs.js"></script>
-
-    <style type="text/css">
- .ui-tabs-hide {
- display: none !important;
- }
-    </style>
-
-
-
</head>
<body>
-<h1 id="header">jQuery UI Tabs Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-    <div id="main" style="position:absolute;top:-20000px">
+    <div id="main">
        <div id="tabs1">
            <ul>
Added: trunk/tests/testsuite.css
==============================================================================
--- (empty file)
+++ trunk/tests/testsuite.css    Sat Nov 22 11:29:03 2008
@@ -0,0 +1,4 @@
+@import url("qunit/testsuite.css");
+html { border: 0; }
+.xerror, .error, .ui-tabs-hide { display: none }
+#main { position: absolute; top: -10000px; left: -10000px; }
Added: trunk/tests/testsuite.js
==============================================================================
--- (empty file)
+++ trunk/tests/testsuite.js    Sat Nov 22 11:29:03 2008
@@ -0,0 +1,10 @@
+$(function() {
+
+$('body').prepend(
+    '<h1 id="header">' + document.title + '</h1>' +
+    '<h2 id="banner"></h2>' +
+    '<h2 id="userAgent"></h2>' +
+    '<ol id="tests"></ol>'
+);
+
+});
Modified: trunk/tests/ui.html
==============================================================================
--- trunk/tests/ui.html    (original)
+++ trunk/tests/ui.html    Sat Nov 22 11:29:03 2008
@@ -3,8 +3,6 @@
<head>
    <title>jQuery UI Test Suite</title>
-    <link rel="stylesheet" href="qunit/testsuite.css" type="text/css"
media="screen">
-
    <script type="text/javascript" src="../jquery-1.2.6.js"></script>
    <script type="text/javascript" src="../ui/ui.core.js"></script>
    <script type="text/javascript" src="../ui/ui.accordion.js"></script>
@@ -19,19 +17,16 @@
    <script type="text/javascript" src="../ui/ui.sortable.js"></script>
    <script type="text/javascript" src="../ui/ui.tabs.js"></script>
+    <link type="text/css" href="testsuite.css" rel="stylesheet" />
+    <script type="text/javascript" src="testsuite.js"></script>
    <script type="text/javascript" src="qunit/testrunner.js"></script>
-    <script type="text/javascript" src="ui.js"></script>
+    <script type="text/javascript" src="simulate/jquery.simulate.js"></script>
+    <script type="text/javascript" src="ui.js"></script>
</head>
<body>
-<h1 id="header">jQuery UI Test Suite</h1>
-<h2 id="banner"></h2>
-<h2 id="userAgent"></h2>
-
-<ol id="tests"></ol>
-
-<div id="main" style="position: absolute; top: -10000px; border: 1px solid
black; padding: 10px; margin: 10px;">
+<div id="main">
</div>