library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Resize tests respecting ratio resize with dimensions limits

Browse Source
This commit is contained in:
Eduardo Lundgren 2008-05-31 16:56:09 +00:00
parent d32917596e
commit 8a1cba91d8
2 changed files with 152 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/tests/resizable.html
View File

@ -23,8 +23,6 @@
top: 270px; left: 0px; top: 270px; left: 0px;
}*/ }*/
#main { #main {
position:absolute;
top: -1000px; left: -1000px;
} }
</style> </style>

153
ui/tests/resizable.js
View File

@ -169,7 +169,7 @@ $(document).ready(function() {
* min/max Height/Width * min/max Height/Width
*/ */
module("Limits condition"); module("Dimensions limit");
test("ui-resizable-se resize xy", function() { test("ui-resizable-se resize xy", function() {
@ -243,4 +243,155 @@ $(document).ready(function() {
}); });
/**
* Respecting ratio resize with dimensions limit
*/
module("Respecting ratio resize with dimensions limits");
test("ui-resizable-e resize x", function() {
var handle = '.ui-resizable-e', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, 80);
equals( 150, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, -130);
equals( 70, target.width(), "compare minWidth");
equals( 70, target.height(), "compare minHeight");
});
test("ui-resizable-w resize x", function() {
var handle = '.ui-resizable-w', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, -80);
equals( 150, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, 130);
equals( 70, target.width(), "compare minWidth");
equals( 70, target.height(), "compare minHeight");
});
test("ui-resizable-n resize y", function() {
var handle = '.ui-resizable-n', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, 0, -80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, 0, 130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
test("ui-resizable-n resize s", function() {
var handle = '.ui-resizable-s', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, 0, 80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, 0, -130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
test("ui-resizable-n resize se", function() {
var handle = '.ui-resizable-se', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, 80, 80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, -130, -130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
test("ui-resizable-n resize sw", function() {
var handle = '.ui-resizable-sw', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, -80, 80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, 130, -130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
test("ui-resizable-n resize ne", function() {
var handle = '.ui-resizable-ne', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, 80, -80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, -130, 130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
test("ui-resizable-n resize nw", function() {
var handle = '.ui-resizable-nw', target = $('#resizable1').resizable({ aspectRatio: 'preserve', handles: 'all', minWidth: 70, minHeight: 50, maxWidth: 150, maxHeight: 130 });
expect(4);
drag(handle, -80, -80);
equals( 130, target.width(), "compare maxWidth");
equals( 130, target.height(), "compare maxHeight");
drag(handle, 130, 130);
equals( 70, target.width(), "compare minWidth");
equals( 50, target.height(), "compare minHeight");
});
}); });