r1889 - trunk/tests/visual/resizable
Author: rdworth
Date: Thu Jan 29 20:59:41 2009
New Revision: 1889
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_0.5.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_1.0.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_1.5.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
(contents, props changed)
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
(contents, props changed)
Log:
resizable visual tests: added tests for aspectRatio, and combining
aspectRatio with min and max height and width options
Added: trunk/tests/visual/resizable/resizable_option_aspectRatio_0.5.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/resizable/resizable_option_aspectRatio_0.5.html Thu
Jan 29 20:59:41 2009
@@ -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>
Added: trunk/tests/visual/resizable/resizable_option_aspectRatio_1.0.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/resizable/resizable_option_aspectRatio_1.0.html Thu
Jan 29 20:59:41 2009
@@ -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>
Added: trunk/tests/visual/resizable/resizable_option_aspectRatio_1.5.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/resizable/resizable_option_aspectRatio_1.5.html Thu
Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
Thu Jan 29 20:59:41 2009
@@ -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>
Added:
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
==============================================================================
--- (empty file)
+++
trunk/tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
Thu Jan 29 20:59:41 2009
@@ -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>