From d768b3397415e15ae4cdea5c64c872018c7cee2e Mon Sep 17 00:00:00 2001
From: Richard Worth <rdworth@gmail.com>
Date: Sat, 13 Dec 2008 10:23:26 +0000
Subject: [PATCH] tests/visual: Added simple tabs test. Some more cleanup.

---
 tests/visual/accordion.html        |  2 +-
 tests/visual/all.css               |  4 ++--
 tests/visual/all.html              | 34 ++++++++++++++++++++---------
 tests/visual/datepicker.html       |  2 +-
 tests/visual/dialog.html           |  2 +-
 tests/visual/draggable.handle.html |  2 +-
 tests/visual/draggable.html        |  2 +-
 tests/visual/droppable.html        |  2 +-
 tests/visual/effects.all.css       |  9 +++++---
 tests/visual/progressbar.html      |  2 +-
 tests/visual/resizable.html        |  2 +-
 tests/visual/selectable.html       |  2 +-
 tests/visual/slider.html           |  2 +-
 tests/visual/sortable.html         |  2 +-
 tests/visual/tabs.html             | 35 ++++++++++++++++++++++++++++++
 15 files changed, 78 insertions(+), 26 deletions(-)
 create mode 100644 tests/visual/tabs.html
diff --git a/tests/visual/accordion.html b/tests/visual/accordion.html
index 6bac62216..f66212094 100644
--- a/tests/visual/accordion.html
+++ b/tests/visual/accordion.html
@@ -24,7 +24,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Accordion
 	<div id="accordion">
 		<div>
diff --git a/tests/visual/all.css b/tests/visual/all.css
index 8a3101dec..8e88bdf35 100644
--- a/tests/visual/all.css
+++ b/tests/visual/all.css
@@ -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;
diff --git a/tests/visual/all.html b/tests/visual/all.html
index 0b5d33e0c..8263d6990 100644
--- a/tests/visual/all.html
+++ b/tests/visual/all.html
@@ -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>
@@ -131,6 +132,19 @@
 		<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>
 
 </body>
diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index a2fd85475..b9e48a3a6 100644
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -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">
diff --git a/tests/visual/dialog.html b/tests/visual/dialog.html
index 509c69630..fbff3ccb4 100644
--- a/tests/visual/dialog.html
+++ b/tests/visual/dialog.html
@@ -20,7 +20,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Dialog
 	<div id="dialog">
 		<button>Open</button>
diff --git a/tests/visual/draggable.handle.html b/tests/visual/draggable.handle.html
index ae1dc9843..234f75e42 100644
--- a/tests/visual/draggable.handle.html
+++ b/tests/visual/draggable.handle.html
@@ -18,7 +18,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Draggable
 	<div id="draggable">
 		<span>Handle</span>
diff --git a/tests/visual/draggable.html b/tests/visual/draggable.html
index dc4a03e48..a3aed5ffb 100644
--- a/tests/visual/draggable.html
+++ b/tests/visual/draggable.html
@@ -16,7 +16,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Draggable
 	<div id="draggable"></div>
 </li>
diff --git a/tests/visual/droppable.html b/tests/visual/droppable.html
index 95b85d155..d22a0ac24 100644
--- a/tests/visual/droppable.html
+++ b/tests/visual/droppable.html
@@ -23,7 +23,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Droppable
 	<div class="draggable">D</div>
 	<div class="draggable">R</div>
diff --git a/tests/visual/effects.all.css b/tests/visual/effects.all.css
index 84f6cd2d0..d962c364b 100644
--- a/tests/visual/effects.all.css
+++ b/tests/visual/effects.all.css
@@ -4,15 +4,17 @@ body,html {
 	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 @@ ul.effects li {
 div.effect {
 	width: 120px;
 	height: 100px;
-	background: #333;
+	background: #ccc;
 	border: 5px outset #aaa;
 	float: left;
 	cursor: pointer;
@@ -38,7 +40,8 @@ div.current {
 }
 
 div.effect p {
-	color: #eee;
+	color: #191919;
+	font-weight: bold;
 	margin: 0px;
 	padding: 10px;
 }
diff --git a/tests/visual/progressbar.html b/tests/visual/progressbar.html
index c1c3ad1b5..77cfdceae 100644
--- a/tests/visual/progressbar.html
+++ b/tests/visual/progressbar.html
@@ -16,7 +16,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Progressbar
 	<div id="progressbar"></div>
 </li>
diff --git a/tests/visual/resizable.html b/tests/visual/resizable.html
index d9a43a3b8..a5f81d28f 100644
--- a/tests/visual/resizable.html
+++ b/tests/visual/resizable.html
@@ -16,7 +16,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Resizable
 	<div id="resizable"></div>
 </li>
diff --git a/tests/visual/selectable.html b/tests/visual/selectable.html
index 3504a67e6..350510f73 100644
--- a/tests/visual/selectable.html
+++ b/tests/visual/selectable.html
@@ -17,7 +17,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Selectable
 	<div id="selectable">
 		<div>1</div>
diff --git a/tests/visual/slider.html b/tests/visual/slider.html
index 569f6b449..283138144 100644
--- a/tests/visual/slider.html
+++ b/tests/visual/slider.html
@@ -17,7 +17,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Slider
 	<div id="slider"></div>
 </li>
diff --git a/tests/visual/sortable.html b/tests/visual/sortable.html
index 7a3bfcfc1..40008294c 100644
--- a/tests/visual/sortable.html
+++ b/tests/visual/sortable.html
@@ -17,7 +17,7 @@
 <body>
 
 <ul class="plugins">
-<li>
+<li class="plugin">
 	Sortable
 	<div id="sortable">
 		<div>C</div>
diff --git a/tests/visual/tabs.html b/tests/visual/tabs.html
new file mode 100644
index 000000000..cf52d64d7
--- /dev/null
+++ b/tests/visual/tabs.html
@@ -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>
