]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: d70844f)
tests/visual: added default tests
authorRichard Worth <rdworth@gmail.com>
Sat, 24 Jan 2009 04:31:59 +0000 (04:31 +0000)
committerRichard Worth <rdworth@gmail.com>
Sat, 24 Jan 2009 04:31:59 +0000 (04:31 +0000)
12 files changed:
tests/visual/accordion/default.html [new file with mode: 0644] patch | blob
tests/visual/datepicker/default.html patch | blob | history
tests/visual/dialog/default.html patch | blob | history
tests/visual/draggable/default.html [new file with mode: 0644] patch | blob
tests/visual/droppable/default.html [new file with mode: 0644] patch | blob
tests/visual/index.html [new file with mode: 0644] patch | blob
tests/visual/progressbar/default.html [new file with mode: 0644] patch | blob
tests/visual/resizable/default.html [new file with mode: 0644] patch | blob
tests/visual/selectable/default.html [new file with mode: 0644] patch | blob
tests/visual/slider/default.html patch | blob | history
tests/visual/sortable/default.html [new file with mode: 0644] patch | blob
tests/visual/tabs/default.html [new file with mode: 0644] patch | blob

diff --git a/tests/visual/accordion/default.html b/tests/visual/accordion/default.html
new file mode 100644 (file)
index 0000000..256f48e
--- /dev/null
+++ b/tests/visual/accordion/default.html
@@ -0,0 +1,39 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Accordion Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.accordion.js"></script>\r
+       <script type="text/javascript">\r
+               $(function() {\r
+                       $("#accordion").accordion({ header: "h3" });\r
+               })\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="accordion">\r
+       <div>\r
+               <h3><a href="#">First</a></h3>\r
+               <div>\r
+                       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.\r
+               </div>\r
+       </div>\r
+       <div>\r
+               <h3><a href="#">Second</a></h3>\r
+               <div>\r
+                       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.\r
+               </div>\r
+       </div>\r
+       <div>\r
+               <h3><a href="#">Third</a></h3>\r
+               <div>\r
+                       Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.\r
+               </div>\r
+       </div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/datepicker/default.html b/tests/visual/datepicker/default.html
index da9d0775f7be940f9db1c882361367ea4eab3f82..9c8f7bb90af2bb60d685e103cbe80990a76f4d63 100644 (file)
--- a/tests/visual/datepicker/default.html
+++ b/tests/visual/datepicker/default.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
 <head>
-       <title>Simple Datepicker</title>
+       <title>Datepicker Visual Test : Default</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>
diff --git a/tests/visual/dialog/default.html b/tests/visual/dialog/default.html
index 990c8e272e53855ca856fdea6816e4815e6b4c64..4af34265f4a16bc1554cb32f3f02b3cc07caae58 100644 (file)
--- a/tests/visual/dialog/default.html
+++ b/tests/visual/dialog/default.html
@@ -1,7 +1,7 @@
 <!doctype html>\r
 <html lang="en">\r
 <head>\r
-       <title>Dialog Visual Test: Default</title>\r
+       <title>Dialog Visual Test : Default</title>\r
        <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
        <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
        <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
diff --git a/tests/visual/draggable/default.html b/tests/visual/draggable/default.html
new file mode 100644 (file)
index 0000000..2166721
--- /dev/null
+++ b/tests/visual/draggable/default.html
@@ -0,0 +1,20 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Draggable Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#draggable").draggable();\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="draggable">Draggable</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/droppable/default.html b/tests/visual/droppable/default.html
new file mode 100644 (file)
index 0000000..698ef97
--- /dev/null
+++ b/tests/visual/droppable/default.html
@@ -0,0 +1,24 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Droppable Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.draggable.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.droppable.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#draggable").draggable();\r
+               $("#droppable").droppable();\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="draggable">Draggable</div>\r
+\r
+<div id="droppable">Droppable</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/index.html b/tests/visual/index.html
new file mode 100644 (file)
index 0000000..5b852f7
--- /dev/null
+++ b/tests/visual/index.html
@@ -0,0 +1,36 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Visual Tests</title>\r
+       <link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />\r
+       <script type="text/javascript" src="../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+\r
+       });\r
+       </script>\r
+</head>\r
+\r
+<body>\r
+\r
+<h2>Interactions</h2>\r
+<ul>\r
+       <li><a href="draggable/default.html">Draggable</a></li>\r
+       <li><a href="droppable/default.html">Droppable</a></li>\r
+       <li><a href="resizable/default.html">Resizable</a></li>\r
+       <li><a href="selectable/default.html">Selectable</a></li>\r
+       <li><a href="sortable/default.html">Sortable</a></li>\r
+</ul>\r
+\r
+<h2>Widgets</h2>\r
+<ul>\r
+       <li><a href="accordion/default.html">Accordion</a></li>\r
+       <li><a href="datepicker/default.html">Datepicker</a></li>\r
+       <li><a href="dialog/default.html">Dialog</a></li>\r
+       <li><a href="progressbar/default.html">Progressbar</a></li>\r
+       <li><a href="slider/default.html">Slider</a></li>\r
+       <li><a href="tabs/default.html">Tabs</a></li>\r
+</ul>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/progressbar/default.html b/tests/visual/progressbar/default.html
new file mode 100644 (file)
index 0000000..5501252
--- /dev/null
+++ b/tests/visual/progressbar/default.html
@@ -0,0 +1,20 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Progressbar Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.progressbar.js"></script>\r
+       <script type="text/javascript">\r
+               $(function() {\r
+                       $("#progressbar").progressbar();\r
+               });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="progressbar"></div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/resizable/default.html b/tests/visual/resizable/default.html
new file mode 100644 (file)
index 0000000..5915922
--- /dev/null
+++ b/tests/visual/resizable/default.html
@@ -0,0 +1,20 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Resizable Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.resizable.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#resizable").resizable();\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="resizable">Resizable</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/selectable/default.html b/tests/visual/selectable/default.html
new file mode 100644 (file)
index 0000000..9148109
--- /dev/null
+++ b/tests/visual/selectable/default.html
@@ -0,0 +1,31 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Selectable Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.selectable.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#selectable").selectable();\r
+       });\r
+       </script>\r
+</head>\r
+\r
+<body>\r
+\r
+<div id="selectable">\r
+       <div>1</div>\r
+       <div>2</div>\r
+       <div>3</div>\r
+       <div>4</div>\r
+       <div>5</div>\r
+       <div>6</div>\r
+       <div>7</div>\r
+       <div>8</div>\r
+       <div>9</div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/slider/default.html b/tests/visual/slider/default.html
index 93451d9819956087241eca0882385851609d9909..75180bb19ec46251fb3d36ea592862b4d7a9ba44 100644 (file)
--- a/tests/visual/slider/default.html
+++ b/tests/visual/slider/default.html
@@ -1,7 +1,7 @@
 <!doctype html>\r
 <html lang="en">\r
 <head>\r
-       <title>Slider Visual Test Page</title>\r
+       <title>Slider Visual Test : Default</title>\r
        <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
        <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
        <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
diff --git a/tests/visual/sortable/default.html b/tests/visual/sortable/default.html
new file mode 100644 (file)
index 0000000..2431c8b
--- /dev/null
+++ b/tests/visual/sortable/default.html
@@ -0,0 +1,31 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Sortable Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css" />\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.sortable.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#sortable").sortable();\r
+       });\r
+       </script>\r
+</head>\r
+\r
+<body>\r
+\r
+<div id="sortable">\r
+       <div>C</div>\r
+       <div>I</div>\r
+       <div>G</div>\r
+       <div>F</div>\r
+       <div>D</div>\r
+       <div>H</div>\r
+       <div>A</div>\r
+       <div>E</div>\r
+       <div>B</div>\r
+</div>\r
+\r
+</body>\r
+</html>\r
diff --git a/tests/visual/tabs/default.html b/tests/visual/tabs/default.html
new file mode 100644 (file)
index 0000000..edac233
--- /dev/null
+++ b/tests/visual/tabs/default.html
@@ -0,0 +1,29 @@
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+       <title>Tabs Visual Test : Default</title>\r
+       <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+       <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+       <script type="text/javascript" src="../../../ui/ui.tabs.js"></script>\r
+       <script type="text/javascript">\r
+       $(function() {\r
+               $("#tabs").tabs();\r
+       });\r
+       </script>\r
+</head>\r
+<body>\r
+\r
+<div id="tabs">\r
+       <ul>\r
+               <li><a href="#tabs-1">First</a></li>\r
+               <li><a href="#tabs-2">Second</a></li>\r
+               <li><a href="#tabs-3">Third</a></li>\r
+       </ul>\r
+       <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>\r
+       <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>\r
+       <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>\r
+</div>\r
+\r
+</body>\r
+</html>\r
The official jQuery user interface library: https://github.com/jquery/jquery-ui