library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Resizable basic tests using userAction

Browse Source
This commit is contained in:
Eduardo Lundgren 2008-05-31 15:54:53 +00:00
parent 320e7a560d
commit 106d24a3a4
2 changed files with 132 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/tests/jquery.useraction.js
View File

@ -151,10 +151,10 @@ $.extend($.userAction.prototype, {
if (/^sync$/i.test(o.speed)) {
self.down(target);
for (var dt = 1; dt <= dx; dt++) {
var x = center.x + (dt <= Math.abs(dx) ? dt : 0),
y = center.y + (dt <= Math.abs(dy) ? dt : 0);
var mdx = Math.abs(dx)||0, mdy = Math.abs(dy)||0, range = Math.max(mdx, mdy);
for (var dt = 1; dt <= range; dt++) {
var x = center.x + (dx/mdx)*(dt <= mdx ? dt : 0), y = center.y + (dy/mdy)*(dt <= mdy ? dt : 0);
this.move(target, x, y, o.drag);
}
self.up(target);

146
ui/tests/resizable.js
View File

@ -21,38 +21,148 @@ $(document).ready(function() {
// speed = sync -> Drag syncrhonously.
// speed = fast|slow -> Drag asyncrhonously - animated.
$(el).userAction("drag", {
dx: dx, dy: dy, speed: 'sync', complete: complete
return $(el).userAction("drag", {
dx: dx||0, dy: dy||0, speed: 'sync', complete: complete
});
};
$('#resizable1').resizable({
resize: function() {
console.log('resize')
}
});
module("simple resize");
module("Test 1");
test("simple resize tests", function() {
test("ui-resizable-e resize x", function() {
drag('.ui-resizable-se', 100, 50);
var handle = '.ui-resizable-e', target = $('#resizable1').resizable({ handles: 'all' });
expect(2);
drag(handle, 50);
equals( 149, target.width(), "compare width");
drag(handle, -50);
equals( 100, target.width(), "compare width" );
});
test("simple resize tests 2", function() {
test("ui-resizable-w resize x", function() {
//drag('.ui-resizable-se', 0, 1000);
var handle = '.ui-resizable-w', target = $('#resizable1').resizable({ handles: 'all' });
expect(2);
drag(handle, -50);
equals( 149, target.width(), "compare width" );
drag(handle, 50);
equals( 100, target.width(), "compare width" );
});
module("Test 2");
test("simple resize tests", function() {
test("ui-resizable-n resize y", function() {
//drag('.ui-resizable-se', 15, 0);
var handle = '.ui-resizable-n', target = $('#resizable1').resizable({ handles: 'all' });
expect(2);
drag(handle, 0, -50);
equals( 149, target.height(), "compare height" );
drag(handle, 0, 50);
equals( 100, target.height(), "compare height" );
});
test("ui-resizable-s resize y", function() {
var handle = '.ui-resizable-s', target = $('#resizable1').resizable({ handles: 'all' });
expect(2);
drag(handle, 0, 50);
equals( 149, target.height(), "compare height" );
drag(handle, 0, -50);
equals( 100, target.height(), "compare height" );
});
test("ui-resizable-se resize xy", function() {
var handle = '.ui-resizable-se', target = $('#resizable1').resizable({ handles: 'all' });
expect(4);
drag(handle, 50, 50);
equals( 149, target.width(), "compare width" );
equals( 149, target.height(), "compare height" );
drag(handle, -50, -50);
equals( 100, target.width(), "compare width" );
equals( 100, target.height(), "compare height" );
});
test("ui-resizable-sw resize xy", function() {
var handle = '.ui-resizable-sw', target = $('#resizable1').resizable({ handles: 'all' });
expect(4);
drag(handle, -50, -50);
equals( 149, target.width(), "compare width" );
equals( 51, target.height(), "compare height" );
drag(handle, 50, 50);
equals( 100, target.width(), "compare width" );
equals( 100, target.height(), "compare height" );
});
test("ui-resizable-ne resize xy", function() {
var handle = '.ui-resizable-ne', target = $('#resizable1').resizable({ handles: 'all' });
expect(4);
drag(handle, -50, -50);
equals( 51, target.width(), "compare width" );
equals( 149, target.height(), "compare height" );
drag(handle, 50, 50);
equals( 100, target.width(), "compare width" );
equals( 100, target.height(), "compare height" );
});
test("ui-resizable-nw resize xy", function() {
var handle = '.ui-resizable-nw', target = $('#resizable1').resizable({ handles: 'all' });
expect(4);
drag(handle, -50, -50);
equals( 149, target.width(), "compare width" );
equals( 149, target.height(), "compare height" );
drag(handle, 50, 50);
equals( 100, target.width(), "compare width" );
equals( 100, target.height(), "compare height" );
});
});