r1138 - trunk/tests/visual
Author: rdworth
Date: Sat Dec 13 02:23:26 2008
New Revision: 1138
Added:
trunk/tests/visual/tabs.html
Modified:
trunk/tests/visual/accordion.html
trunk/tests/visual/all.css
trunk/tests/visual/all.html
trunk/tests/visual/datepicker.html
trunk/tests/visual/dialog.html
trunk/tests/visual/draggable.handle.html
trunk/tests/visual/draggable.html
trunk/tests/visual/droppable.html
trunk/tests/visual/effects.all.css
trunk/tests/visual/progressbar.html
trunk/tests/visual/resizable.html
trunk/tests/visual/selectable.html
trunk/tests/visual/slider.html
trunk/tests/visual/sortable.html
Log:
tests/visual: Added simple tabs test. Some more cleanup.
Modified: trunk/tests/visual/accordion.html
==============================================================================
--- trunk/tests/visual/accordion.html (original)
+++ trunk/tests/visual/accordion.html Sat Dec 13 02:23:26 2008
@@ -24,7 +24,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Accordion
<div id="accordion">
<div>
Modified: trunk/tests/visual/all.css
==============================================================================
--- trunk/tests/visual/all.css (original)
+++ trunk/tests/visual/all.css Sat Dec 13 02:23:26 2008
@@ -1,12 +1,12 @@
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;
+ul.plugins li.plugin { margin: 0 12px 12px 0;
list-style-type: none; width: 210px; height: 220px; float: left;
color: white; border: 1px solid gray; text-align: center; font-weight:
bold; }
#accordion, #draggable,
-#resizable, #selectable, #sortable, #tabs {
+#resizable, #selectable, #sortable {
margin: 10px;
width: 190px; height: 180px;
text-align: center;
Modified: trunk/tests/visual/all.html
==============================================================================
--- trunk/tests/visual/all.html (original)
+++ trunk/tests/visual/all.html Sat Dec 13 02:23:26 2008
@@ -35,13 +35,14 @@
$("#selectable").selectable();
$("#slider").slider();
$("#sortable").sortable();
+ $("#tabs").tabs();
});
</script>
</head>
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Accordion
<div id="accordion">
<div>
@@ -64,23 +65,23 @@
</div>
</div>
</li>
-<li>
+<li class="plugin">
Datepicker
<div style="text-align:left;margin-left:10px;">
<input type="text" id="datepicker">
</div>
</li>
-<li>
+<li class="plugin">
Dialog
<div id="dialog">
<button>Open</button>
</div>
</li>
-<li>
+<li class="plugin">
Draggable
<div id="draggable"></div>
</li>
-<li>
+<li class="plugin">
Droppable
<div class="draggable">D</div>
<div class="draggable">R</div>
@@ -91,15 +92,15 @@
<hr>
</div>
</li>
-<li>
+<li class="plugin">
Progressbar
<div id="progressbar"></div>
</li>
-<li>
+<li class="plugin">
Resizable
<div id="resizable"></div>
</li>
-<li>
+<li class="plugin">
Selectable
<div id="selectable">
<div>1</div>
@@ -113,11 +114,11 @@
<div>9</div>
</div>
</li>
-<li>
+<li class="plugin">
Slider
<div id="slider"></div>
</li>
-<li>
+<li class="plugin">
Sortable
<div id="sortable">
<div>C</div>
@@ -129,6 +130,19 @@
<div>A</div>
<div>E</div>
<div>B</div>
+ </div>
+</li>
+<li class="plugin">
+ Tabs
+ <div id="tabs">
+ <ul>
+ <li><a href="#tabs-1">First</a></li>
+ <li><a href="#tabs-2">Second</a></li>
+ <li><a href="#tabs-3>Third</a></li>
+ </ul>
+ <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</div>
+ <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna,
blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem
non nisl. Fusce sed lorem in enim dictum bibendum.</div>
+ <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin
eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat
vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
</li>
</ul>
Modified: trunk/tests/visual/datepicker.html
==============================================================================
--- trunk/tests/visual/datepicker.html (original)
+++ trunk/tests/visual/datepicker.html Sat Dec 13 02:23:26 2008
@@ -16,7 +16,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Datepicker
<div style="text-align:left;margin-left:10px;">
<input type="text" id="datepicker">
Modified: trunk/tests/visual/dialog.html
==============================================================================
--- trunk/tests/visual/dialog.html (original)
+++ trunk/tests/visual/dialog.html Sat Dec 13 02:23:26 2008
@@ -20,7 +20,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Dialog
<div id="dialog">
<button>Open</button>
Modified: trunk/tests/visual/draggable.handle.html
==============================================================================
--- trunk/tests/visual/draggable.handle.html (original)
+++ trunk/tests/visual/draggable.handle.html Sat Dec 13 02:23:26 2008
@@ -18,7 +18,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Draggable
<div id="draggable">
<span>Handle</span>
Modified: trunk/tests/visual/draggable.html
==============================================================================
--- trunk/tests/visual/draggable.html (original)
+++ trunk/tests/visual/draggable.html Sat Dec 13 02:23:26 2008
@@ -16,7 +16,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Draggable
<div id="draggable"></div>
</li>
Modified: trunk/tests/visual/droppable.html
==============================================================================
--- trunk/tests/visual/droppable.html (original)
+++ trunk/tests/visual/droppable.html Sat Dec 13 02:23:26 2008
@@ -23,7 +23,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Droppable
<div class="draggable">D</div>
<div class="draggable">R</div>
Modified: trunk/tests/visual/effects.all.css
==============================================================================
--- trunk/tests/visual/effects.all.css (original)
+++ trunk/tests/visual/effects.all.css Sat Dec 13 02:23:26 2008
@@ -4,15 +4,17 @@
padding: 0;
font-size: 12px;
font-family: Arial;
- background: #000;
+ background: #191919;
}
ul.effects {
+ list-style-type: none;
margin: 0;
padding: 0;
}
ul.effects li {
+ list-style-type: none;
margin: 0;
padding: 0;
width: 120px;
@@ -25,7 +27,7 @@
div.effect {
width: 120px;
height: 100px;
- background: #333;
+ background: #ccc;
border: 5px outset #aaa;
float: left;
cursor: pointer;
@@ -38,7 +40,8 @@
}
div.effect p {
- color: #eee;
+ color: #191919;
+ font-weight: bold;
margin: 0px;
padding: 10px;
}
Modified: trunk/tests/visual/progressbar.html
==============================================================================
--- trunk/tests/visual/progressbar.html (original)
+++ trunk/tests/visual/progressbar.html Sat Dec 13 02:23:26 2008
@@ -16,7 +16,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Progressbar
<div id="progressbar"></div>
</li>
Modified: trunk/tests/visual/resizable.html
==============================================================================
--- trunk/tests/visual/resizable.html (original)
+++ trunk/tests/visual/resizable.html Sat Dec 13 02:23:26 2008
@@ -16,7 +16,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Resizable
<div id="resizable"></div>
</li>
Modified: trunk/tests/visual/selectable.html
==============================================================================
--- trunk/tests/visual/selectable.html (original)
+++ trunk/tests/visual/selectable.html Sat Dec 13 02:23:26 2008
@@ -17,7 +17,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Selectable
<div id="selectable">
<div>1</div>
Modified: trunk/tests/visual/slider.html
==============================================================================
--- trunk/tests/visual/slider.html (original)
+++ trunk/tests/visual/slider.html Sat Dec 13 02:23:26 2008
@@ -17,7 +17,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Slider
<div id="slider"></div>
</li>
Modified: trunk/tests/visual/sortable.html
==============================================================================
--- trunk/tests/visual/sortable.html (original)
+++ trunk/tests/visual/sortable.html Sat Dec 13 02:23:26 2008
@@ -17,7 +17,7 @@
<body>
<ul class="plugins">
-<li>
+<li class="plugin">
Sortable
<div id="sortable">
<div>C</div>
Added: trunk/tests/visual/tabs.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/tabs.html Sat Dec 13 02:23:26 2008
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Simple Tabs</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.tabs.js"></script>
+ <script type="text/javascript">
+ $(function() {
+ $("#tabs").tabs();
+ });
+ </script>
+</head>
+<body>
+
+<ul class="plugins">
+<li class="plugin">
+ Tabs
+ <div id="tabs">
+ <ul>
+ <li><a href="#tabs-1">First</a></li>
+ <li><a href="#tabs-2">Second</a></li>
+ <li><a href="#tabs-3">Third</a></li>
+ </ul>
+ <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</div>
+ <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna,
blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem
non nisl. Fusce sed lorem in enim dictum bibendum.</div>
+ <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin
eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat
vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
+ </div>
+</li>
+</ul>
+
+</body>
+</html>