]> 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: 256ea06)
resizable visual tests: added tests for aspectRatio, and combining aspectRatio with...
authorRichard Worth <rdworth@gmail.com>
Fri, 30 Jan 2009 04:59:41 +0000 (04:59 +0000)
committerRichard Worth <rdworth@gmail.com>
Fri, 30 Jan 2009 04:59:41 +0000 (04:59 +0000)
tests/visual/resizable/resizable_option_aspectRatio_0.5.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_1.0.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_1.5.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html [new file with mode: 0644] patch | blob
tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html [new file with mode: 0644] patch | blob

diff --git a/tests/visual/resizable/resizable_option_aspectRatio_0.5.html b/tests/visual/resizable/resizable_option_aspectRatio_0.5.html
new file mode 100644 (file)
index 0000000..2680856
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_0.5.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 0.5</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 0.5
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_1.0.html b/tests/visual/resizable/resizable_option_aspectRatio_1.0.html
new file mode 100644 (file)
index 0000000..fa380a4
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_1.0.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.0</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 1.0
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_1.5.html b/tests/visual/resizable/resizable_option_aspectRatio_1.5.html
new file mode 100644 (file)
index 0000000..0dc6d85
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_1.5.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.5</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 1.5
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
new file mode 100644 (file)
index 0000000..f4e1ac4
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxHeight 150</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve',
+                       maxHeight: 150
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
new file mode 100644 (file)
index 0000000..24ab3de
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxWidth 150</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve',
+                       maxWidth: 150
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
new file mode 100644 (file)
index 0000000..a598ca1
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.0 minHeight 50</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve',
+                       minHeight: 50
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
new file mode 100644 (file)
index 0000000..8e3ad6b
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Resizable option aspectRatio 1.0 maxWidth 50</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve',
+                       minWidth: 50
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
new file mode 100644 (file)
index 0000000..38458b9
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Default</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve'
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
new file mode 100644 (file)
index 0000000..e206245
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Default</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve'
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 50px; height: 100px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
diff --git a/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
new file mode 100644 (file)
index 0000000..0615c96
--- /dev/null
+++ b/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Resizable Visual Test : Default</title>
+       <link rel="stylesheet" href="../visual.css" type="text/css" />
+       <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.resizable.js"></script>
+       <script type="text/javascript">
+       $(function() {
+               $("#resizable").resizable({
+                       aspectRatio: 'preserve'
+               });
+       });
+       </script>
+       <style type="text/css">
+       #resizable { width: 100px; height: 50px; background: silver; }
+       </style>
+</head>
+<body>
+
+<div id="resizable">Resizable</div>
+
+</body>
+</html>
The official jQuery user interface library: https://github.com/jquery/jquery-ui