mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-20 20:44:21 +00:00
419 lines
11 KiB
JavaScript
419 lines
11 KiB
JavaScript
/*
|
|
* sortable_options.js
|
|
*/
|
|
(function($) {
|
|
|
|
module("sortable: options");
|
|
|
|
/*
|
|
test("{ appendTo: 'parent' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ appendTo: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
*/
|
|
|
|
test( "{ axis: false }, default", function() {
|
|
expect( 2 );
|
|
|
|
var offsetAfter,
|
|
element = $( "#sortable" ).sortable({
|
|
axis: false,
|
|
change: function() {
|
|
offsetAfter = item.offset();
|
|
notEqual( offsetAfter.left, offsetBefore.left, "x axis not constrained when axis: false" );
|
|
notEqual( offsetAfter.top, offsetBefore.top, "y axis not constrained when axis: false" );
|
|
}
|
|
}),
|
|
item = element.find( "li" ).eq( 0 ),
|
|
offsetBefore = item.offset();
|
|
|
|
item.simulate( "drag", {
|
|
dx: 50,
|
|
dy: 25,
|
|
moves: 1
|
|
});
|
|
});
|
|
|
|
test( "{ axis: 'x' }", function() {
|
|
expect( 2 );
|
|
|
|
var offsetAfter,
|
|
element = $( "#sortable" ).sortable({
|
|
axis: "x",
|
|
change: function() {
|
|
offsetAfter = item.offset();
|
|
notEqual( offsetAfter.left, offsetBefore.left, "x axis not constrained when axis: x" );
|
|
equal( offsetAfter.top, offsetBefore.top, "y axis constrained when axis: x" );
|
|
}
|
|
}),
|
|
item = element.find( "li" ).eq( 0 ),
|
|
offsetBefore = item.offset();
|
|
|
|
item.simulate( "drag", {
|
|
dx: 50,
|
|
dy: 25,
|
|
moves: 1
|
|
});
|
|
});
|
|
|
|
test( "{ axis: 'y' }", function() {
|
|
expect( 2 );
|
|
|
|
var offsetAfter,
|
|
element = $( "#sortable" ).sortable({
|
|
axis: "y",
|
|
change: function() {
|
|
offsetAfter = item.offset();
|
|
equal( offsetAfter.left, offsetBefore.left, "x axis constrained when axis: y" );
|
|
notEqual( offsetAfter.top, offsetBefore.top, "y axis not constrained when axis: y" );
|
|
}
|
|
}),
|
|
item = element.find( "li" ).eq( 0 ),
|
|
offsetBefore = item.offset();
|
|
|
|
item.simulate( "drag", {
|
|
dx: 50,
|
|
dy: 25,
|
|
moves: 1
|
|
});
|
|
});
|
|
|
|
asyncTest( "#7415: Incorrect revert animation with axis: 'y'", function() {
|
|
expect( 2 );
|
|
var expectedLeft,
|
|
element = $( "#sortable" ).sortable({
|
|
axis: "y",
|
|
revert: true,
|
|
stop: start,
|
|
sort: function() {
|
|
expectedLeft = item.css( "left" );
|
|
}
|
|
}),
|
|
item = element.find( "li" ).eq( 0 );
|
|
|
|
item.simulate( "drag", {
|
|
dy: 300,
|
|
dx: 50
|
|
});
|
|
|
|
setTimeout(function() {
|
|
var top = parseFloat( item.css( "top" ) );
|
|
equal( item.css( "left" ), expectedLeft, "left not animated" );
|
|
ok( top > 0 && top < 300, "top is animated" );
|
|
}, 100 );
|
|
});
|
|
|
|
/*
|
|
test("{ cancel: 'input,textarea,button,select,option' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ cancel: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
*/
|
|
|
|
test( "#8792: issues with floated items in connected lists", function() {
|
|
expect( 2 );
|
|
|
|
var element,
|
|
changeCount = 0;
|
|
|
|
$( "#qunit-fixture" )
|
|
.html( "<ul class='c'><li>a</li><li>a</li></ul><ul class='c'><li>a</li><li>a</li></ul>" )
|
|
.find( "ul" ).css({ "float": "left", width: "100px" }).end()
|
|
.find( "li" ).css({ "float": "left", width: "50px", height: "50px" });
|
|
|
|
$( "#qunit-fixture .c" ).sortable({
|
|
connectWith: "#qunit-fixture .c",
|
|
change: function() {
|
|
changeCount++;
|
|
}
|
|
});
|
|
|
|
element = $( "#qunit-fixture li:eq(0)" );
|
|
|
|
element.simulate( "drag", {
|
|
dx: 51,
|
|
moves: 15
|
|
});
|
|
|
|
equal( changeCount, 1, "change fired only once (no jitters) when dragging a floated sortable in it's own container" );
|
|
|
|
element.simulate( "drag", {
|
|
dx: 50,
|
|
moves: 15
|
|
});
|
|
|
|
equal( changeCount, 3, "change fired once for each expected change when dragging a floated sortable to a connected container" );
|
|
});
|
|
|
|
/*
|
|
test("{ connectWith: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ connectWith: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: Element }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: 'document' }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: 'parent' }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: 'window' }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ containment: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ cursor: 'auto' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ cursor: 'move' }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ cursorAt: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ cursorAt: true }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ delay: 0 }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ delay: 100 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ distance: 1 }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ distance: 10 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ dropOnEmpty: true }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ dropOnEmpty: false }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ forcePlaceholderSize: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ forcePlaceholderSize: true }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ forceHelperSize: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ forceHelperSize: true }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ grid: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ grid: [17, 3] }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ grid: [3, 7] }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ handle: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ handle: Element }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ handle: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ helper: 'original' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ helper: Function }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ items: '> *' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ items: Selector }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ opacity: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ opacity: .37 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ opacity: 1 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ placeholder: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
*/
|
|
|
|
test( "{ placeholder: false } img", function() {
|
|
expect( 3 );
|
|
|
|
var element = $( "#sortable-images" ).sortable({
|
|
start: function( event, ui ) {
|
|
equal( ui.placeholder.attr( "src" ), "../images/jqueryui_32x32.png", "placeholder img has correct src" );
|
|
equal( ui.placeholder.height(), 32, "placeholder has correct height" );
|
|
equal( ui.placeholder.width(), 32, "placeholder has correct width" );
|
|
}
|
|
});
|
|
|
|
element.find( "img" ).eq( 0 ).simulate( "drag", {
|
|
dy: 1
|
|
});
|
|
});
|
|
|
|
test( "{ placeholder: String }", function() {
|
|
expect( 1 );
|
|
|
|
var element = $( "#sortable" ).sortable({
|
|
placeholder: "test",
|
|
start: function( event, ui ) {
|
|
ok( ui.placeholder.hasClass( "test" ), "placeholder has class" );
|
|
}
|
|
});
|
|
|
|
element.find( "li" ).eq( 0 ).simulate( "drag", {
|
|
dy: 1
|
|
});
|
|
});
|
|
|
|
test( "{ placholder: String } tr", function() {
|
|
expect( 3 );
|
|
|
|
var element = $( "#sortable-table tbody" ).sortable({
|
|
placeholder: "test",
|
|
start: function( event, ui ) {
|
|
ok( ui.placeholder.hasClass( "test" ), "placeholder has class" );
|
|
equal( ui.placeholder.children().length, 1, "placeholder tr contains a td" );
|
|
equal( ui.placeholder.children().html(), $( "<span> </span>" ).html(),
|
|
"placeholder td has content for forced dimensions" );
|
|
}
|
|
});
|
|
|
|
element.find( "tr" ).eq( 0 ).simulate( "drag", {
|
|
dy: 1
|
|
});
|
|
});
|
|
|
|
/*
|
|
test("{ revert: false }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ revert: true }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scroll: true }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scroll: false }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSensitivity: 20 }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSensitivity: 2 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSensitivity: 200 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSpeed: 20 }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSpeed: 2 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scrollSpeed: 200 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scope: 'default' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ scope: ??? }, unexpected", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ tolerance: 'intersect' }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ tolerance: 'pointer' }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ zIndex: 1000 }, default", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ zIndex: 1 }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
|
|
test("{ zIndex: false }", function() {
|
|
ok(false, "missing test - untested code is broken code.");
|
|
});
|
|
*/
|
|
})(jQuery);
|