Skip to content

Commit

Permalink
resizable visual tests: added tests for aspectRatio, and combining as…
Browse files Browse the repository at this point in the history 
…pectRatio with min and max height and width options
  • Loading branch information
@rdworth
rdworth committed Jan 30, 2009
1 parent 256ea06 commit 252e24d
Show file tree
Hide file tree
Showing 10 changed files with 264 additions and 0 deletions.
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_0.5.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_1.0.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_1.5.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
27 changes: 27 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_maxHeight_150.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
27 changes: 27 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_maxWidth_150.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
27 changes: 27 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_minHeight_50.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
27 changes: 27 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_minWidth_50.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh100.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_w100xh50.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>
26 changes: 26 additions & 0 deletions tests/visual/resizable/resizable_option_aspectRatio_preserve_w50xh100.html
View file
Original file line number Original file line Diff line number Diff line change
@@ -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>

0 comments on commit 252e24d

Please sign in to comment.