aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2008-12-13 09:53:02 +0000
committerRichard Worth <rdworth@gmail.com>2008-12-13 09:53:02 +0000
commitd3e1901e1509f8bdf2ffe1f6c4c51e695a5bd089 (patch)
tree14a6b1e326569e8f7e5a971e016e87b5f32d0c50
parent73dec6965b94f666e3dfd5ecaad46a3740929d16 (diff)
downloadjquery-ui-d3e1901e1509f8bdf2ffe1f6c4c51e695a5bd089.tar.gz
jquery-ui-d3e1901e1509f8bdf2ffe1f6c4c51e695a5bd089.zip
tests/visual: started switching to themes/base. Lots of little cleanup.
-rw-r--r--tests/visual/accordion.html67
-rw-r--r--tests/visual/all.css59
-rw-r--r--tests/visual/all.html34
-rw-r--r--tests/visual/datepicker.html2
-rw-r--r--tests/visual/dialog.html2
-rw-r--r--tests/visual/draggable.handle.html7
-rw-r--r--tests/visual/draggable.html1
-rw-r--r--tests/visual/draggable.scroll.html87
-rw-r--r--tests/visual/droppable.html1
-rw-r--r--tests/visual/effects.all.css7
-rw-r--r--tests/visual/effects.all.html8
-rw-r--r--tests/visual/effects.all.js21
-rw-r--r--tests/visual/progressbar.html46
-rw-r--r--tests/visual/resizable.html2
-rw-r--r--tests/visual/selectable.html1
-rw-r--r--tests/visual/slider.html1
-rw-r--r--tests/visual/sortable.html1
-rw-r--r--tests/visual/sortable_massive_scale.html22
18 files changed, 165 insertions, 204 deletions
diff --git a/tests/visual/accordion.html b/tests/visual/accordion.html
index e1e2d5433..6bac62216 100644
--- a/tests/visual/accordion.html
+++ b/tests/visual/accordion.html
@@ -2,54 +2,53 @@
<html lang="en">
<head>
<title>jQuery UI Accordion Visual Test</title>
-
- <link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css">
- <link rel="stylesheet" href="../../themes/base/ui.accordion.css" type="text/css">
-
+ <link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
-
<script type="text/javascript">
$(function() {
- function enable() {
- $("#myAccordion").accordion({
+ function on() {
+ $("#accordion").accordion({
header: "h3"
});
}
- function disable() {
- $("#myAccordion").accordion("destroy");
+ function off() {
+ $("#accordion").accordion("destroy");
}
- $("#toggle").toggle(enable, disable);
- //enable();
+ $("#toggle").toggle(on, off).click();
})
</script>
</head>
-<body style="font-size: 62.5%;">
-
- <div id="myAccordion">
- <div>
- <h3><a href="#">Test 1</a></h3>
- <div>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- </div>
- </div>
- <div>
- <h3><a href="#">Test 2</a></h3>
- <div>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- </div>
- </div>
- <div>
- <h3><a href="#">Test 3</a></h3>
- <div>
- Lorem ipsum dolor sit amet, consectetur adipisicing elit
- </div>
- </div>
- </div>
+<body>
+<ul class="plugins">
+<li>
+ Accordion
+ <div id="accordion">
+ <div>
+ <h3><a href="#">Test 1</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 2</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 3</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ </div>
<button id="toggle">Toggle</button>
+</li>
+</ul>
</body>
</html>
diff --git a/tests/visual/all.css b/tests/visual/all.css
index ede5c57ca..8a3101dec 100644
--- a/tests/visual/all.css
+++ b/tests/visual/all.css
@@ -1,5 +1,5 @@
-body { margin: 0; padding: 20px; background: #191919; }
+body { font-size: 62.5%; margin: 0; padding: 20px; background: #191919; }
ul.plugins { margin: 0; padding: 0; }
ul.plugins li { margin: 0 12px 12px 0;
list-style-type: none; width: 210px; height: 220px; float: left;
@@ -10,7 +10,13 @@ ul.plugins li { margin: 0 12px 12px 0;
margin: 10px;
width: 190px; height: 180px;
text-align: center;
- background: #FEA620; color: white; font-weight: bold;
+ background: #FF9C08; color: white; font-weight: bold;
+}
+#accordion {
+ background: none;
+}
+#progressbar {
+ margin: 10px;
}
#selectable div {
width: 45px; height: 45px; float: left; margin: 6px;
@@ -30,51 +36,6 @@ ul.plugins li { margin: 0 12px 12px 0;
background: black;
}
-.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FEA620; }
-#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FEA620; overflow: hidden; }
+.draggable { margin: 10px; width: 32px; height: 30px; float: left; background: #FF9C08; }
+#droppable { margin: 10px; width: 190px; height: 130px; float: left; border: 1px solid #FF9C08; overflow: hidden; }
#droppable .draggable { margin: 7px; }
-
-.ui-dialog { background-color: #FEA620; }
-.ui-dialog .ui-dialog-titlebar { background: black; padding: 0px; height: 28px; _height: 29px; }
-.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }
-
-.ui-dialog .ui-dialog-titlebar-close {
- width: 16px; height: 16px; position: absolute; top: 6px; right: 7px;
- cursor: default; color: white;
-}
-
-.ui-dialog .ui-dialog-titlebar-close-hover { color: #FEA620; }
-
-.ui-dialog .ui-dialog-title {
- margin-left: 5px; color: white; font-weight: bold;
- position: relative; top: 7px; left: 4px;
-}
-
-.ui-dialog .ui-dialog-content {
- margin: 1.2em;
-}
-
-.ui-dialog .ui-dialog-buttonpane {
- position: absolute;
- bottom: 8px;
- right: 12px;
- width: 100%;
- text-align: right;
-}
-
-.ui-dialog .ui-dialog-buttonpane button {
- margin: 6px;
-}
-
-/* Dialog handle styles */
-.ui-dialog .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-s { cursor: s-resize; height: 8px; width: 100%; bottom: 0px; left: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-e { cursor: e-resize; width: 7px; right: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-w { cursor: w-resize; width: 7px; left: 0px; top: 0px; height: 100%; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
-.ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
-
-.ui-slider { margin: 10px; background: #FEA620; height: 15px; position: relative; }
-.ui-slider-handle { width: 10px; height: 15px; background: white; position: absolute; top: 0px; left: 0px; }
diff --git a/tests/visual/all.html b/tests/visual/all.html
index a33486feb..0b5d33e0c 100644
--- a/tests/visual/all.html
+++ b/tests/visual/all.html
@@ -3,7 +3,7 @@
<head>
<title>Simple All</title>
<link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
@@ -11,6 +11,7 @@
<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.droppable.js"></script>
+ <script type="text/javascript" src="../../ui/ui.progressbar.js"></script>
<script type="text/javascript" src="../../ui/ui.resizable.js"></script>
<script type="text/javascript" src="../../ui/ui.selectable.js"></script>
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
@@ -18,8 +19,9 @@
<script type="text/javascript" src="../../ui/ui.tabs.js"></script>
<script type="text/javascript">
$(function() {
+ $("#accordion").accordion();
$("#datepicker").datepicker();
- $("#dialog").click(function() { $("<div/>").dialog(); });
+ $("#dialog").click(function() { $("<div></div>").dialog(); });
$("#draggable").draggable();
$(".draggable").draggable();
$("#droppable").droppable({
@@ -28,6 +30,7 @@
ui.draggable.css({ position: 'relative', top: 0, left: 0 }).clone().appendTo(this);
}
});
+ $("#progressbar").progressbar({ value: 37 });
$("#resizable").resizable();
$("#selectable").selectable();
$("#slider").slider();
@@ -39,6 +42,29 @@
<ul class="plugins">
<li>
+ Accordion
+ <div id="accordion">
+ <div>
+ <h3><a href="#">Test 1</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 2</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ <div>
+ <h3><a href="#">Test 3</a></h3>
+ <div>
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit
+ </div>
+ </div>
+ </div>
+</li>
+<li>
Datepicker
<div style="text-align:left;margin-left:10px;">
<input type="text" id="datepicker">
@@ -66,6 +92,10 @@
</div>
</li>
<li>
+ Progressbar
+ <div id="progressbar"></div>
+</li>
+<li>
Resizable
<div id="resizable"></div>
</li>
diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index 7ea9d1331..a2fd85475 100644
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -3,7 +3,7 @@
<head>
<title>Simple Datepicker</title>
<link rel="stylesheet" href="all.css" type="text/css">
- <link rel="stylesheet" href="../../themes/ui.datepicker.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
diff --git a/tests/visual/dialog.html b/tests/visual/dialog.html
index 3d83598ca..509c69630 100644
--- a/tests/visual/dialog.html
+++ b/tests/visual/dialog.html
@@ -12,7 +12,7 @@
<script type="text/javascript">
$(function() {
$("#dialog").click(function() {
- $("<div/>").dialog();
+ $("<div></div>").dialog();
});
});
</script>
diff --git a/tests/visual/draggable.handle.html b/tests/visual/draggable.handle.html
index cac9b61ad..ae1dc9843 100644
--- a/tests/visual/draggable.handle.html
+++ b/tests/visual/draggable.handle.html
@@ -1,14 +1,17 @@
<!doctype html>
<html lang="en">
<head>
- <title>Simple Draggable</title>
+ <title>Simple Draggable with Handle</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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">
$(function() {
- $("#draggable").draggable({ handle: "span" });
+ $("#draggable").draggable({
+ handle: "span"
+ });
});
</script>
</head>
diff --git a/tests/visual/draggable.html b/tests/visual/draggable.html
index 7e7ee1066..dc4a03e48 100644
--- a/tests/visual/draggable.html
+++ b/tests/visual/draggable.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Draggable</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
diff --git a/tests/visual/draggable.scroll.html b/tests/visual/draggable.scroll.html
index 08ecfa2f5..ce788dbae 100644
--- a/tests/visual/draggable.scroll.html
+++ b/tests/visual/draggable.scroll.html
@@ -1,50 +1,38 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<!doctype html>
+<html lang="en">
<head>
-<script src="../../jquery-1.2.6.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.core.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.draggable.js" type="text/javascript" charset="utf-8"></script>
-<script src="../../ui/ui.sortable.js" type="text/javascript" charset="utf-8"></script>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-<title>jQuery UI Draggable Visual Test</title>
-</head>
-
-<body>
-
-<style>
-
- .draggable {
- width:100px;
- height:100px;
- background-color:green;
- color: #fff;
- padding: 5px;
- margin: 5px;
- border: 5px solid red;
- }
-
- .container {
- width: 500px;
- height: 200px;
- border: 5px solid black;
- padding: 5px;
- margin: 5px;
- float: left;
- background: #fff;
- }
-
- .enlarge {
- width: 1000px;
- height: 1000px;
- }
-
-
-</style>
-
-
-
-<script language="JavaScript">
-<!--
+ <title>Draggable Scroll Tests</title>
+ <link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
+ <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.sortable.js"></script>
+ <style type="text/css">
+ .draggable {
+ width:100px;
+ height:100px;
+ background-color:green;
+ color: #fff;
+ padding: 5px;
+ margin: 5px;
+ border: 5px solid red;
+ }
+ .container {
+ width: 500px;
+ height: 200px;
+ border: 5px solid black;
+ padding: 5px;
+ margin: 5px;
+ float: left;
+ background: #fff;
+ }
+ .enlarge {
+ width: 1000px;
+ height: 1000px;
+ }
+ </style>
+ <script type="text/javascript">
$(function(){
$(".draggable").draggable({
//helper: 'clone',
@@ -55,10 +43,9 @@
//containment:"parent"
});
});
-//-->
-</script>
-
-
+ </script>
+</head>
+<body>
<div class='container' style="overflow:scroll;">
<div class='draggable'>(Broken in IE)</div>
diff --git a/tests/visual/droppable.html b/tests/visual/droppable.html
index 2510ff8e9..95b85d155 100644
--- a/tests/visual/droppable.html
+++ b/tests/visual/droppable.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Droppable</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
diff --git a/tests/visual/effects.all.css b/tests/visual/effects.all.css
index 88d513b2c..84f6cd2d0 100644
--- a/tests/visual/effects.all.css
+++ b/tests/visual/effects.all.css
@@ -1,3 +1,4 @@
+
body,html {
margin: 0;
padding: 0;
@@ -32,8 +33,8 @@ div.effect {
}
div.current {
- border: 5px outset #FF0000;
- background: #660000;
+ border: 5px outset #FF9C08;
+ background: #FF9C08;
}
div.effect p {
@@ -46,4 +47,4 @@ div.effect p {
border: 1px dotted #fff;
background: #666;
opacity: 0.5;
-} \ No newline at end of file
+}
diff --git a/tests/visual/effects.all.html b/tests/visual/effects.all.html
index 62129ed98..41d31ba40 100644
--- a/tests/visual/effects.all.html
+++ b/tests/visual/effects.all.html
@@ -1,13 +1,10 @@
<!doctype html>
<html lang="en">
<head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
- <title>Effects Test Suite</title>
- <link rel="stylesheet" href="effects.all.css" type="text/css" charset="utf-8" />
-
+ <title>jQuery UI Effects Test Suite</title>
+ <link rel="stylesheet" href="effects.all.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="../../ui/effects.core.js"></script>
-
<script type="text/javascript" src="../../ui/effects.blind.js"></script>
<script type="text/javascript" src="../../ui/effects.bounce.js"></script>
<script type="text/javascript" src="../../ui/effects.clip.js"></script>
@@ -20,7 +17,6 @@
<script type="text/javascript" src="../../ui/effects.shake.js"></script>
<script type="text/javascript" src="../../ui/effects.slide.js"></script>
<script type="text/javascript" src="../../ui/effects.transfer.js"></script>
-
<script type="text/javascript" src="effects.all.js"></script>
</head>
<body>
diff --git a/tests/visual/effects.all.js b/tests/visual/effects.all.js
index f383199c2..15386b5d8 100644
--- a/tests/visual/effects.all.js
+++ b/tests/visual/effects.all.js
@@ -1,13 +1,9 @@
-$(document).ready(function() {
- $("div.effect")
- .hover(function() {
- $(this).addClass("hover");
- }, function() {
- $(this).removeClass("hover");
- })
- ;
+$(function() {
+ $("div.effect")
+ .hover(function() { $(this).addClass("hover"); },
+ function() { $(this).removeClass("hover"); });
var effect = function(el, n, o) {
@@ -27,7 +23,6 @@ $(document).ready(function() {
};
-
effect("#blindHorizontally", "blind", { direction: "horizontal" });
effect("#blindVertically", "blind", { direction: "vertical" });
@@ -41,17 +36,17 @@ $(document).ready(function() {
effect("#dropLeft", "drop", { direction: "left" });
effect("#dropRight", "drop", { direction: "right" });
- effect("#explode9", "explode", { });
+ effect("#explode9", "explode", {});
effect("#explode36", "explode", { pieces: 36 });
effect("#fold", "fold", { size: 50 });
- effect("#highlight", "highlight", { });
+ effect("#highlight", "highlight", {});
effect("#pulsate", "pulsate", { times: 2 });
effect("#puff", "puff", { times: 2 });
- effect("#scale", "scale", { });
+ effect("#scale", "scale", {});
$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });
@@ -62,4 +57,4 @@ $(document).ready(function() {
$("#transfer").bind("click", function() { $(this).addClass("current").effect("transfer", { to: "div:eq(0)" }, 1000, function() { $(this).removeClass("current"); }); });
-}); \ No newline at end of file
+});
diff --git a/tests/visual/progressbar.html b/tests/visual/progressbar.html
index d5c5d97f3..c1c3ad1b5 100644
--- a/tests/visual/progressbar.html
+++ b/tests/visual/progressbar.html
@@ -1,40 +1,26 @@
<!doctype html>
<html lang="en">
<head>
-<title>jQuery UI Progressbar Visual Tests</title>
-<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
-<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>
-
-<script type="text/javascript">
- $(function() {
- $("#progressbar1").progressbar({ value: 6 });
- $("#progressbar2").progressbar({ labelAlign: 'center', label: 'center' }).progressbar("option", "value", 50);
- $("#progressbar3").progressbar().progressbar("option", "labelAlign", "right").progressbar("value", 90.73).data("label.progressbar", "right").progressbar("option", "label", true);
- $("#progressbar4").progressbar().progressbar("disable");
- $("#progressbar5").progressbar().progressbar("disable").progressbar("destroy");
- $("#progressbar6").progressbar({ value: -10 });
- $("#progressbar7").progressbar().progressbar("value", 200);
- });
+ <title>Simple Progressbar</title>
+ <link rel="stylesheet" href="all.css" type="text/css" />
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
+ <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>
+ <script type="text/javascript">
+ $(function() {
+ $("#progressbar").progressbar({ value: 37 });
+ });
</script>
</head>
<body>
-<h1>jQuery UI Progressbar Visual Tests</h1>
- <div id="progressbar1"></div>
- <br>
- <div id="progressbar2"></div>
- <br>
- <div id="progressbar3"></div>
- <br>
- <div id="progressbar4"></div>
- <br>
- <div id="progressbar5"></div>
- <br>
- <div id="progressbar6"></div>
- <br>
- <div id="progressbar7"></div>
+<ul class="plugins">
+<li>
+ Progressbar
+ <div id="progressbar"></div>
+</li>
+</ul>
</body>
</html>
diff --git a/tests/visual/resizable.html b/tests/visual/resizable.html
index 296a97bc5..d9a43a3b8 100644
--- a/tests/visual/resizable.html
+++ b/tests/visual/resizable.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Resizable</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
<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>
@@ -12,7 +13,6 @@
});
</script>
</head>
-
<body>
<ul class="plugins">
diff --git a/tests/visual/selectable.html b/tests/visual/selectable.html
index 9c327900e..3504a67e6 100644
--- a/tests/visual/selectable.html
+++ b/tests/visual/selectable.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Selectable</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
<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>
diff --git a/tests/visual/slider.html b/tests/visual/slider.html
index fe8e06bb9..569f6b449 100644
--- a/tests/visual/slider.html
+++ b/tests/visual/slider.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Slider</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css">
<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>
diff --git a/tests/visual/sortable.html b/tests/visual/sortable.html
index c1ba24858..7a3bfcfc1 100644
--- a/tests/visual/sortable.html
+++ b/tests/visual/sortable.html
@@ -3,6 +3,7 @@
<head>
<title>Simple Sortable</title>
<link rel="stylesheet" href="all.css" type="text/css">
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
<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>
diff --git a/tests/visual/sortable_massive_scale.html b/tests/visual/sortable_massive_scale.html
index a21485415..0214c6f22 100644
--- a/tests/visual/sortable_massive_scale.html
+++ b/tests/visual/sortable_massive_scale.html
@@ -1,21 +1,12 @@
<!doctype html>
<html lang="en">
<head>
- <title>Sortable Visual Test</title>
+ <title>Sortable Massive Scale Test</title>
+ <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
<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>
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
-
- <script type="text/javascript">
-
-
-
- $(document).ready( function() {
- $('ul').not(".draggable").sortable({ items: "li" });
- $("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
- });
- </script>
<style>
ul {
list-style: none;
@@ -31,6 +22,12 @@
margin: 5px;
}
</style>
+ <script type="text/javascript">
+ $(function() {
+ $('ul').not(".draggable").sortable({ items: "li" });
+ $("ul.draggable li").draggable({ helper: "clone", connectToSortable: "ul" });
+ });
+ </script>
</head>
<body>
@@ -752,5 +749,6 @@
<li>Item 19</li>
<li>Item 20</li>
</ul>
+
</body>
-</html> \ No newline at end of file
+</html>