Author: rdworth
Date: Sun Jan 25 04:06:25 2009
New Revision: 1788
Added:
trunk/tests/index.html
Modified:
trunk/tests/static/accordion/default.html
trunk/tests/static/dialog/default.html
trunk/tests/static/selectable/default.html
trunk/tests/static/sortable/default.html
trunk/tests/visual/accordion/default.html
trunk/tests/visual/dialog/default.html
trunk/tests/visual/draggable/default.html
trunk/tests/visual/droppable/default.html
trunk/tests/visual/selectable/default.html
trunk/tests/visual/sortable/default.html
Log:
tests: new side-by-side comparison of static and visual tests
Added: trunk/tests/index.html
==============================================================================
--- (empty file)
+++ trunk/tests/index.html Sun Jan 25 04:06:25 2009
@@ -0,0 +1,96 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Tests</title>
+ <link rel="stylesheet" href="../themes/base/ui.all.css" type="text/css" />
+ <script type="text/javascript" src="../jquery-1.3.1.js"></script>
+ <script type="text/javascript" src="../ui/ui.core.js"></script>
+ <script type="text/javascript" src="../ui/ui.draggable.js"></script>
+ <style type="text/css">
+ body { font-size: 62.5%; }
+ dd.plugin { margin-top: 0.3em; margin-bottom: 1em; }
+ iframe { border: 0; width: 200px; 150px; }
+ td { border: 1px solid silver; padding: 10px; }
+ </style>
+</head>
+
+<body>
+
+<table id="matrix">
+<thead>
+ <tr>
+ <th>Interaction</th>
+ <th style="width:220px;">Static</th>
+ <th style="width:220px;">Visual</th>
+ </tr>
+</thead>
+<tbody>
+ <tr
class="test-draggable-default"><th>Draggable</th><td></td><td></td></tr>
+ <tr
class="test-droppable-default"><th>Droppable</th><td></td><td></td></tr>
+ <tr
class="test-resizable-default"><th>Resizable</th><td></td><td></td></tr>
+ <tr
class="test-selectabe-default"><th>Selectable</th><td></td><td></td></tr>
+ <tr class="test-sortable-default"><th>Sortable</th><td></td><td></td></tr>
+</tbody>
+<thead>
+ <tr>
+ <th>Widget</th>
+ <th style="width:220px;">Static</th>
+ <th style="width:220px;">Visual</th>
+ </tr>
+</thead>
+<tbody>
+ <tr
class="test-accordion-default"><th>Accordion</th><td></td><td></td></tr>
+ <tr
class="test-datepicker-default"><th>Datepicker</th><td></td><td></td></tr>
+ <tr class="test-dialog-default"><th>Dialog</th><td></td><td></td></tr>
+ <tr
class="test-progressbar-default"><th>Progressbar</th><td></td><td></td></tr>
+ <tr class="test-slider-default"><th>slider</th><td></td><td></td></tr>
+ <tr class="test-tabs-default"><th>Tabs</th><td></td><td></td></tr>
+</tbody>
+</table>
+
+<dl id="plugins">
+
+</dl>
+
+<script type="text/javascript">
+
+var matrix = $("#matrix");
+
+matrix.children("tbody").children("tr").each(function() {
+
+ var tr = $(this), th = tr.find("th"), pluginName =
th.text().toLowerCase(), staticTd = th.next(), visualTd = staticTd.next();
+
+ var staticUrl = 'static/' + pluginName + '/default.html';
+ var visualUrl = 'visual/' + pluginName + '/default.html';
+
+ $.get(staticUrl, function(data) {
+ data = data.replace(/<script.*>.*<\/script>/ig,""); // Remove script tags
+ data = data.replace(/<\/?link.*>/ig,""); //Remove link tags
+ data = data.replace(/<\/?html.*>/ig,""); //Remove html tag
+ data = data.replace(/<\/?body.*>/ig,""); //Remove body tag
+ data = data.replace(/<\/?head.*>/ig,""); //Remove head tag
+ data = data.replace(/<title.*>.*<\/title>/ig,""); // Remove title tags
+ data = data.replace(/\s*<\/?!doctype.*>\s*/ig,""); //Remove doctype
+ var staticHtml = $("<div></div>").html(data).html();
+ staticTd.html(staticHtml);
+ });
+
+ visualTd.append('<iframe src="' + visualUrl + '"></iframe>');
+
+ var iframe = visualTd.find("iframe");
+
+ iframe.load(function() {
+ //alert($("body", this.contentDocument).html());
+ $(this).after($("body", this.contentDocument).html()).remove();
+ (pluginName == 'dialog') && $("#dialog").parents(".ui-dialog").css({
+ position: "relative",
+ top: null, left: null
+ });
+ });
+
+});
+
+</script>
+
+</body>
+</html>
Modified: trunk/tests/static/accordion/default.html
==============================================================================
--- trunk/tests/static/accordion/default.html (original)
+++ trunk/tests/static/accordion/default.html Sun Jan 25 04:06:25 2009
@@ -12,31 +12,40 @@
<div class="ui-accordion ui-widget ui-helper-reset">
<div class="ui-accordion-group ui-accordion-selected">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-active
ui-corner-top" tabindex="0"><span class="ui-icon
ui-icon-triangle-1-s"></span><a href="#">First</a></h3>
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-active
ui-corner-top" tabindex="0">
+ <span class="ui-icon ui-icon-triangle-1-s"></span>
+ <a href="#">Accordion Header 1</a>
+ </h3>
<div>
<div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content
ui-corner-bottom">
<div class="ui-accordion-content">
- 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.
+ Accordion Content 1
</div>
</div>
</div>
</div>
<div class="ui-accordion-group">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-default
ui-corner-all" tabindex="0"><span class="ui-icon
ui-icon-triangle-1-e"></span><a href="#">Second</a></h3>
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default
ui-corner-all" tabindex="0">
+ <span class="ui-icon ui-icon-triangle-1-e"></span>
+ <a href="#">Accordion Header 2</a>
+ </h3>
<div>
<div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content
ui-corner-bottom" style="height: 95px; display: none;">
<div class="ui-accordion-content">
- 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.
+ Accordion Content 2
</div>
</div>
</div>
</div>
<div class="ui-accordion-group">
- <h3 class="ui-accordion-header ui-helper-reset ui-state-default
ui-corner-all" tabindex="0"><span class="ui-icon
ui-icon-triangle-1-e"></span><a href="#">Third</a></h3>
+ <h3 class="ui-accordion-header ui-helper-reset ui-state-default
ui-corner-all" tabindex="0">
+ <span class="ui-icon ui-icon-triangle-1-e"></span>
+ <a href="#">Accordion Header 3</a>
+ </h3>
<div>
<div class="ui-accordion-content-wrap ui-helper-reset ui-widget-content
ui-corner-bottom" style="height: 95px; display: none;">
<div class="ui-accordion-content">
- Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis.
Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum,
lacus. Mauris porttitor ullamcorper augue.
+ Accordion Content 2
</div>
</div>
</div>
Modified: trunk/tests/static/dialog/default.html
==============================================================================
--- trunk/tests/static/dialog/default.html (original)
+++ trunk/tests/static/dialog/default.html Sun Jan 25 04:06:25 2009
@@ -16,12 +16,7 @@
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button"
title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
</div>
<div class="ui-dialog-content ui-widget-content" style="height: 13em;">
- 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 class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
- <button class="ui-state-default ui-priority-primary
ui-corner-all">Primary</button>
- <button class="ui-state-default ui-priority-secondary
ui-corner-all">Secondary</button>
- <button class="ui-state-default ui-state-disabled
ui-corner-all">Disabled</button>
+ Dialog Content
</div>
<div class="ui-resizable-n ui-resizable-handle"></div>
<div class="ui-resizable-s ui-resizable-handle"></div>
Modified: trunk/tests/static/selectable/default.html
==============================================================================
--- trunk/tests/static/selectable/default.html (original)
+++ trunk/tests/static/selectable/default.html Sun Jan 25 04:06:25 2009
@@ -11,12 +11,9 @@
<body>
<div class="ui-selectable">
-
- Selectable
-
- <div class="ui-selectee">First</div>
- <div class="ui-selectee">Second</div>
- <div class="ui-selectee">Third</div>
+ <div class="ui-selectee">Selectable 1</div>
+ <div class="ui-selectee">Selectable 2</div>
+ <div class="ui-selectee">Selectable 3</div>
</div>
</body>
Modified: trunk/tests/static/sortable/default.html
==============================================================================
--- trunk/tests/static/sortable/default.html (original)
+++ trunk/tests/static/sortable/default.html Sun Jan 25 04:06:25 2009
@@ -11,12 +11,9 @@
<body>
<div class="ui-sortable">
-
- Sortable
-
- <div>First</div>
- <div>Second</div>
- <div>Third</div>
+ <div>Sortable 1</div>
+ <div>Sortable 2</div>
+ <div>Sortable 3</div>
</div>
</body>
Modified: trunk/tests/visual/accordion/default.html
==============================================================================
--- trunk/tests/visual/accordion/default.html (original)
+++ trunk/tests/visual/accordion/default.html Sun Jan 25 04:06:25 2009
@@ -17,21 +17,21 @@
<div id="accordion">
<div>
- <h3><a href="#">First</a></h3>
+ <h3><a href="#">Accordion Header 1</a></h3>
<div>
- 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.
+ Accordion Content 1
</div>
</div>
<div>
- <h3><a href="#">Second</a></h3>
+ <h3><a href="#">Accordion Header 2</a></h3>
<div>
- 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.
+ Accordion Content 2
</div>
</div>
<div>
- <h3><a href="#">Third</a></h3>
+ <h3><a href="#">Accordion Header 3</a></h3>
<div>
- Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis.
Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum,
lacus. Mauris porttitor ullamcorper augue.
+ Accordion Content 3
</div>
</div>
</div>
Modified: trunk/tests/visual/dialog/default.html
==============================================================================
--- trunk/tests/visual/dialog/default.html (original)
+++ trunk/tests/visual/dialog/default.html Sun Jan 25 04:06:25 2009
@@ -17,7 +17,9 @@
</head>
<body>
-<div id="dialog"></div>
+<div id="dialog" title="Dialog Title">
+ Dialog Content
+</div>
</body>
</html>
Modified: trunk/tests/visual/draggable/default.html
==============================================================================
--- trunk/tests/visual/draggable/default.html (original)
+++ trunk/tests/visual/draggable/default.html Sun Jan 25 04:06:25 2009
@@ -14,8 +14,8 @@
</script>
</head>
<body>
-
-<div id="draggable">Draggable</div>
-
+<div id="draggable">
+ Draggable
+</div>
</body>
</html>
Modified: trunk/tests/visual/droppable/default.html
==============================================================================
--- trunk/tests/visual/droppable/default.html (original)
+++ trunk/tests/visual/droppable/default.html Sun Jan 25 04:06:25 2009
@@ -10,16 +10,13 @@
<script type="text/javascript" src="../../../ui/ui.droppable.js"></script>
<script type="text/javascript">
$(function() {
- $("#draggable").draggable();
$("#droppable").droppable();
});
</script>
</head>
<body>
-
-<div id="draggable">Draggable</div>
-
-<div id="droppable">Droppable</div>
-
+<div id="droppable">
+ Droppable
+</div>
</body>
</html>
Modified: trunk/tests/visual/selectable/default.html
==============================================================================
--- trunk/tests/visual/selectable/default.html (original)
+++ trunk/tests/visual/selectable/default.html Sun Jan 25 04:06:25 2009
@@ -17,9 +17,9 @@
<body>
<div id="selectable">
- <div>First</div>
- <div>Second</div>
- <div>Third</div>
+ <div>Selectable 1</div>
+ <div>Selectable 2</div>
+ <div>Selectable 3</div>
</div>
</body>
Modified: trunk/tests/visual/sortable/default.html
==============================================================================
--- trunk/tests/visual/sortable/default.html (original)
+++ trunk/tests/visual/sortable/default.html Sun Jan 25 04:06:25 2009
@@ -17,9 +17,9 @@
<body>
<div id="sortable">
- <div>First</div>
- <div>Second</div>
- <div>Third</div>
+ <div>Sortable 1</div>
+ <div>Sortable 2</div>
+ <div>Sortable 3</div>
</div>
</body>