mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-05-24 00:24:07 +03:00
Merge commit 'd21ea7816e' as 'jquery-ui'
This commit is contained in:
Mark Schouten
commit
e904a80717
629 changed files with 341074 additions and 0 deletions
26
jquery-ui/tests/unit/autocomplete/all.html
Normal file
26
jquery-ui/tests/unit/autocomplete/all.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Autocomplete Test Suite</title>
|
||||
|
||||
<script src="../../../external/jquery/jquery.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
||||
<link rel="stylesheet" href="../qunit-composite.css">
|
||||
<script src="../../../external/qunit/qunit.js"></script>
|
||||
<script src="../qunit-composite.js"></script>
|
||||
<script src="../subsuite.js"></script>
|
||||
|
||||
<script>
|
||||
testAllVersions( "autocomplete" );
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
45
jquery-ui/tests/unit/autocomplete/autocomplete.html
Normal file
45
jquery-ui/tests/unit/autocomplete/autocomplete.html
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>jQuery UI Autocomplete Test Suite</title>
|
||||
|
||||
<script src="../../jquery.js"></script>
|
||||
<link rel="stylesheet" href="../../../external/qunit/qunit.css">
|
||||
<script src="../../../external/qunit/qunit.js"></script>
|
||||
<script src="../../../external/jquery-simulate/jquery.simulate.js"></script>
|
||||
<script src="../testsuite.js"></script>
|
||||
<script>
|
||||
TestHelpers.loadResources({
|
||||
css: [ "core", "menu", "autocomplete" ],
|
||||
js: [
|
||||
"ui/core.js",
|
||||
"ui/widget.js",
|
||||
"ui/position.js",
|
||||
"ui/menu.js",
|
||||
"ui/autocomplete.js"
|
||||
]
|
||||
});
|
||||
</script>
|
||||
|
||||
<script src="autocomplete_common.js"></script>
|
||||
<script src="autocomplete_core.js"></script>
|
||||
<script src="autocomplete_events.js"></script>
|
||||
<script src="autocomplete_methods.js"></script>
|
||||
<script src="autocomplete_options.js"></script>
|
||||
|
||||
<script src="../swarminject.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="qunit"></div>
|
||||
<div id="qunit-fixture">
|
||||
|
||||
<div id="autocomplete-wrap1" class="autocomplete-wrap"></div>
|
||||
<div id="autocomplete-wrap2" class="autocomplete-wrap"><input id="autocomplete" class="foo"></div>
|
||||
<div id="autocomplete-contenteditable" contenteditable="" tabindex=0></div>
|
||||
<textarea id="autocomplete-textarea"></textarea>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
29
jquery-ui/tests/unit/autocomplete/autocomplete_common.js
vendored
Normal file
29
jquery-ui/tests/unit/autocomplete/autocomplete_common.js
vendored
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
TestHelpers.commonWidgetTests( "autocomplete", {
|
||||
defaults: {
|
||||
appendTo: null,
|
||||
autoFocus: false,
|
||||
delay: 300,
|
||||
disabled: false,
|
||||
messages: {
|
||||
noResults: "No search results.",
|
||||
results: $.ui.autocomplete.prototype.options.messages.results
|
||||
},
|
||||
minLength: 1,
|
||||
position: {
|
||||
my: "left top",
|
||||
at: "left bottom",
|
||||
collision: "none"
|
||||
},
|
||||
source: null,
|
||||
|
||||
// callbacks
|
||||
change: null,
|
||||
close: null,
|
||||
create: null,
|
||||
focus: null,
|
||||
open: null,
|
||||
response: null,
|
||||
search: null,
|
||||
select: null
|
||||
}
|
||||
});
|
||||
390
jquery-ui/tests/unit/autocomplete/autocomplete_core.js
vendored
Normal file
390
jquery-ui/tests/unit/autocomplete/autocomplete_core.js
vendored
Normal file
|
|
@ -0,0 +1,390 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "autocomplete: core" );
|
||||
|
||||
test( "prevent form submit on enter when menu is active", function() {
|
||||
expect( 2 );
|
||||
var event,
|
||||
element = $( "#autocomplete" )
|
||||
.autocomplete({
|
||||
source: [ "java", "javascript" ]
|
||||
})
|
||||
.val( "ja" )
|
||||
.autocomplete( "search" ),
|
||||
menu = element.autocomplete( "widget" );
|
||||
|
||||
event = $.Event( "keydown" );
|
||||
event.keyCode = $.ui.keyCode.DOWN;
|
||||
element.trigger( event );
|
||||
equal( menu.find( ".ui-menu-item.ui-state-focus" ).length, 1, "menu item is active" );
|
||||
|
||||
event = $.Event( "keydown" );
|
||||
event.keyCode = $.ui.keyCode.ENTER;
|
||||
element.trigger( event );
|
||||
ok( event.isDefaultPrevented(), "default action is prevented" );
|
||||
});
|
||||
|
||||
test( "allow form submit on enter when menu is not active", function() {
|
||||
expect( 1 );
|
||||
var event,
|
||||
element = $( "#autocomplete" )
|
||||
.autocomplete({
|
||||
autoFocus: false,
|
||||
source: [ "java", "javascript" ]
|
||||
})
|
||||
.val( "ja" )
|
||||
.autocomplete( "search" );
|
||||
|
||||
event = $.Event( "keydown" );
|
||||
event.keyCode = $.ui.keyCode.ENTER;
|
||||
element.trigger( event );
|
||||
ok( !event.isDefaultPrevented(), "default action is prevented" );
|
||||
});
|
||||
|
||||
(function() {
|
||||
test( "up arrow invokes search - input", function() {
|
||||
arrowsInvokeSearch( "#autocomplete", true, true );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - input", function() {
|
||||
arrowsInvokeSearch( "#autocomplete", false, true );
|
||||
});
|
||||
|
||||
test( "up arrow invokes search - textarea", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-textarea", true, false );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - textarea", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-textarea", false, false );
|
||||
});
|
||||
|
||||
test( "up arrow invokes search - contenteditable", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-contenteditable", true, false );
|
||||
});
|
||||
|
||||
test( "down arrow invokes search - contenteditable", function() {
|
||||
arrowsInvokeSearch( "#autocomplete-contenteditable", false, false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - input", function() {
|
||||
arrowsMoveFocus( "#autocomplete", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - input", function() {
|
||||
arrowsMoveFocus( "#autocomplete", false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - textarea", function() {
|
||||
arrowsMoveFocus( "#autocomplete-textarea", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - textarea", function() {
|
||||
arrowsMoveFocus( "#autocomplete-textarea", false );
|
||||
});
|
||||
|
||||
test( "up arrow moves focus - contenteditable", function() {
|
||||
arrowsMoveFocus( "#autocomplete-contenteditable", true );
|
||||
});
|
||||
|
||||
test( "down arrow moves focus - contenteditable", function() {
|
||||
arrowsMoveFocus( "#autocomplete-contenteditable", false );
|
||||
});
|
||||
|
||||
test( "up arrow moves cursor - input", function() {
|
||||
arrowsNavigateElement( "#autocomplete", true, false );
|
||||
});
|
||||
|
||||
test( "down arrow moves cursor - input", function() {
|
||||
arrowsNavigateElement( "#autocomplete", false, false );
|
||||
});
|
||||
|
||||
test( "up arrow moves cursor - textarea", function() {
|
||||
arrowsNavigateElement( "#autocomplete-textarea", true, true );
|
||||
});
|
||||
|
||||
test( "down arrow moves cursor - textarea", function() {
|
||||
arrowsNavigateElement( "#autocomplete-textarea", false, true );
|
||||
});
|
||||
|
||||
test( "up arrow moves cursor - contenteditable", function() {
|
||||
arrowsNavigateElement( "#autocomplete-contenteditable", true, true );
|
||||
});
|
||||
|
||||
test( "down arrow moves cursor - contenteditable", function() {
|
||||
arrowsNavigateElement( "#autocomplete-contenteditable", false, true );
|
||||
});
|
||||
|
||||
function arrowsInvokeSearch( id, isKeyUp, shouldMove ) {
|
||||
expect( 1 );
|
||||
|
||||
var didMove = false,
|
||||
element = $( id ).autocomplete({
|
||||
source: [ "a" ],
|
||||
delay: 0,
|
||||
minLength: 0
|
||||
});
|
||||
element.autocomplete( "instance" )._move = function() {
|
||||
didMove = true;
|
||||
};
|
||||
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
|
||||
equal( didMove, shouldMove, "respond to arrow" );
|
||||
}
|
||||
|
||||
function arrowsMoveFocus( id, isKeyUp ) {
|
||||
expect( 1 );
|
||||
|
||||
var element = $( id ).autocomplete({
|
||||
source: [ "a" ],
|
||||
delay: 0,
|
||||
minLength: 0
|
||||
});
|
||||
element.autocomplete( "instance" )._move = function() {
|
||||
ok( true, "repsond to arrow" );
|
||||
};
|
||||
element.autocomplete( "search" );
|
||||
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
|
||||
}
|
||||
|
||||
function arrowsNavigateElement( id, isKeyUp, shouldMove ) {
|
||||
expect( 1 );
|
||||
|
||||
var didMove = false,
|
||||
element = $( id ).autocomplete({
|
||||
source: [ "a" ],
|
||||
delay: 0,
|
||||
minLength: 0
|
||||
});
|
||||
element.bind( "keypress", function( e ) {
|
||||
didMove = !e.isDefaultPrevented();
|
||||
});
|
||||
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
|
||||
element.simulate( "keypress" );
|
||||
equal( didMove, shouldMove, "respond to arrow" );
|
||||
}
|
||||
})();
|
||||
|
||||
asyncTest( "past end of menu in multiline autocomplete", function() {
|
||||
expect( 2 );
|
||||
|
||||
var customVal = "custom value",
|
||||
element = $( "#autocomplete-contenteditable" ).autocomplete({
|
||||
delay: 0,
|
||||
source: [ "javascript" ],
|
||||
focus: function( event, ui ) {
|
||||
equal( ui.item.value, "javascript", "Item gained focus" );
|
||||
$( this ).text( customVal );
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
element
|
||||
.simulate( "focus" )
|
||||
.autocomplete( "search", "ja" );
|
||||
|
||||
setTimeout(function() {
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
equal( element.text(), customVal );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
asyncTest( "ESCAPE in multiline autocomplete", function() {
|
||||
expect( 2 );
|
||||
|
||||
var customVal = "custom value",
|
||||
element = $( "#autocomplete-contenteditable" ).autocomplete({
|
||||
delay: 0,
|
||||
source: [ "javascript" ],
|
||||
focus: function( event, ui ) {
|
||||
equal( ui.item.value, "javascript", "Item gained focus" );
|
||||
$( this ).text( customVal );
|
||||
event.preventDefault();
|
||||
}
|
||||
});
|
||||
|
||||
element
|
||||
.simulate( "focus" )
|
||||
.autocomplete( "search", "ja" );
|
||||
|
||||
setTimeout(function() {
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } );
|
||||
equal( element.text(), customVal );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
|
||||
|
||||
asyncTest( "handle race condition", function() {
|
||||
expect( 3 );
|
||||
var count = 0,
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
source: function( request, response ) {
|
||||
count++;
|
||||
if ( request.term.length === 1 ) {
|
||||
equal( count, 1, "request with 1 character is first" );
|
||||
setTimeout(function() {
|
||||
response([ "one" ]);
|
||||
setTimeout( checkResults, 1 );
|
||||
}, 1 );
|
||||
return;
|
||||
}
|
||||
equal( count, 2, "request with 2 characters is second" );
|
||||
response([ "two" ]);
|
||||
}
|
||||
});
|
||||
|
||||
element.autocomplete( "search", "a" );
|
||||
element.autocomplete( "search", "ab" );
|
||||
|
||||
function checkResults() {
|
||||
equal( element.autocomplete( "widget" ).find( ".ui-menu-item" ).text(), "two",
|
||||
"correct results displayed" );
|
||||
start();
|
||||
}
|
||||
});
|
||||
|
||||
asyncTest( "simultaneous searches (#9334)", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: function( request, response ) {
|
||||
setTimeout(function() {
|
||||
response([ request.term ]);
|
||||
});
|
||||
},
|
||||
response: function() {
|
||||
ok( true, "response from first instance" );
|
||||
}
|
||||
}),
|
||||
element2 = $( "#autocomplete-textarea" ).autocomplete({
|
||||
source: function( request, response ) {
|
||||
setTimeout(function() {
|
||||
response([ request.term ]);
|
||||
});
|
||||
},
|
||||
response: function() {
|
||||
ok( true, "response from second instance" );
|
||||
start();
|
||||
}
|
||||
});
|
||||
|
||||
element.autocomplete( "search", "test" );
|
||||
element2.autocomplete( "search", "test" );
|
||||
});
|
||||
|
||||
test( "ARIA", function() {
|
||||
expect( 13 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: [ "java", "javascript" ]
|
||||
}),
|
||||
liveRegion = element.autocomplete( "instance" ).liveRegion;
|
||||
|
||||
equal( liveRegion.children().length, 0, "Empty live region on create" );
|
||||
equal( liveRegion.attr( "aria-live" ), "assertive",
|
||||
"Live region's aria-live attribute must be assertive" );
|
||||
equal( liveRegion.attr( "aria-relevant" ), "additions",
|
||||
"Live region's aria-relevant attribute must be additions" );
|
||||
equal( liveRegion.attr( "role" ), "status",
|
||||
"Live region's role attribute must be status" );
|
||||
|
||||
element.autocomplete( "search", "j" );
|
||||
equal( liveRegion.children().first().text(),
|
||||
"2 results are available, use up and down arrow keys to navigate.",
|
||||
"Live region for multiple values" );
|
||||
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
equal( liveRegion.children().filter( ":visible" ).text(), "java",
|
||||
"Live region changed on keydown to announce the highlighted value" );
|
||||
|
||||
element.one( "autocompletefocus", function( event ) {
|
||||
event.preventDefault();
|
||||
});
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
equal( liveRegion.children().filter( ":visible" ).text(), "javascript",
|
||||
"Live region updated when default focus is prevented" );
|
||||
|
||||
element.autocomplete( "search", "javas" );
|
||||
equal( liveRegion.children().filter( ":visible" ).text(),
|
||||
"1 result is available, use up and down arrow keys to navigate.",
|
||||
"Live region for one value" );
|
||||
|
||||
element.autocomplete( "search", "z" );
|
||||
equal( liveRegion.children().filter( ":visible" ).text(), "No search results.",
|
||||
"Live region for no values" );
|
||||
|
||||
equal( liveRegion.children().length, 5,
|
||||
"Should be five children in the live region after the above" );
|
||||
equal( liveRegion.children().filter( ":visible" ).length, 1,
|
||||
"Only one should be still visible" );
|
||||
ok( liveRegion.children().filter( ":visible" )[ 0 ] === liveRegion.children().last()[ 0 ],
|
||||
"The last one should be the visible one" );
|
||||
|
||||
element.autocomplete( "destroy" );
|
||||
equal( liveRegion.parent().length, 0,
|
||||
"The liveRegion should be detached after destroy" );
|
||||
});
|
||||
|
||||
test( "ARIA, aria-label announcement", function() {
|
||||
expect( 1 );
|
||||
$.widget( "custom.catcomplete", $.ui.autocomplete, {
|
||||
_renderMenu: function( ul, items ) {
|
||||
var that = this;
|
||||
$.each( items, function( index, item ) {
|
||||
that._renderItemData( ul, item )
|
||||
.attr( "aria-label", item.category + " : " + item.label );
|
||||
});
|
||||
}
|
||||
});
|
||||
var element = $( "#autocomplete" ).catcomplete({
|
||||
source: [ { label: "anders andersson", category: "People" } ]
|
||||
}),
|
||||
liveRegion = element.catcomplete( "instance" ).liveRegion;
|
||||
element.catcomplete( "search", "a" );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
equal( liveRegion.children().filter( ":visible" ).text(), "People : anders andersson",
|
||||
"Live region changed on keydown to announce the highlighted value's aria-label attribute" );
|
||||
});
|
||||
|
||||
test( "ARIA, init on detached input", function() {
|
||||
expect( 1 );
|
||||
var element = $( "<input>" ).autocomplete({
|
||||
source: [ "java", "javascript" ]
|
||||
}),
|
||||
liveRegion = element.autocomplete( "instance" ).liveRegion;
|
||||
equal( liveRegion.parent().length, 1, "liveRegion must have a parent" );
|
||||
});
|
||||
|
||||
test( ".replaceWith() (#9172)", function() {
|
||||
expect( 1 );
|
||||
|
||||
var element = $( "#autocomplete" ).autocomplete(),
|
||||
replacement = "<div>test</div>",
|
||||
parent = element.parent();
|
||||
element.replaceWith( replacement );
|
||||
equal( parent.html().toLowerCase(), replacement );
|
||||
});
|
||||
|
||||
asyncTest( "Search if the user retypes the same value (#7434)", function() {
|
||||
expect( 3 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: [ "java", "javascript" ],
|
||||
delay: 0
|
||||
}),
|
||||
menu = element.autocomplete( "instance" ).menu.element;
|
||||
|
||||
element.val( "j" ).simulate( "keydown" );
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":visible" ), "menu displays initially" );
|
||||
element.trigger( "blur" );
|
||||
ok( !menu.is( ":visible" ), "menu hidden after blur" );
|
||||
element.val( "j" ).simulate( "keydown" );
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":visible" ), "menu displays after typing the same value" );
|
||||
start();
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
}( jQuery ) );
|
||||
182
jquery-ui/tests/unit/autocomplete/autocomplete_events.js
vendored
Normal file
182
jquery-ui/tests/unit/autocomplete/autocomplete_events.js
vendored
Normal file
|
|
@ -0,0 +1,182 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "autocomplete: events" );
|
||||
|
||||
var data = [ "Clojure", "COBOL", "ColdFusion", "Java", "JavaScript", "Scala", "Scheme" ];
|
||||
|
||||
$.each([
|
||||
{
|
||||
type: "input",
|
||||
selector: "#autocomplete",
|
||||
valueMethod: "val"
|
||||
},
|
||||
{
|
||||
type: "textarea",
|
||||
selector: "#autocomplete-textarea",
|
||||
valueMethod: "val"
|
||||
},
|
||||
{
|
||||
type: "contenteditable",
|
||||
selector: "#autocomplete-contenteditable",
|
||||
valueMethod: "text"
|
||||
}
|
||||
], function( i, settings ) {
|
||||
asyncTest( "all events - " + settings.type, function() {
|
||||
expect( 13 );
|
||||
var element = $( settings.selector )
|
||||
.autocomplete({
|
||||
autoFocus: false,
|
||||
delay: 0,
|
||||
source: data,
|
||||
search: function( event ) {
|
||||
equal( event.originalEvent.type, "keydown", "search originalEvent" );
|
||||
},
|
||||
response: function( event, ui ) {
|
||||
deepEqual( ui.content, [
|
||||
{ label: "Clojure", value: "Clojure" },
|
||||
{ label: "Java", value: "Java" },
|
||||
{ label: "JavaScript", value: "JavaScript" }
|
||||
], "response ui.content" );
|
||||
ui.content.splice( 0, 1 );
|
||||
},
|
||||
open: function() {
|
||||
ok( menu.is( ":visible" ), "menu open on open" );
|
||||
},
|
||||
focus: function( event, ui ) {
|
||||
equal( event.originalEvent.type, "menufocus", "focus originalEvent" );
|
||||
deepEqual( ui.item, { label: "Java", value: "Java" }, "focus ui.item" );
|
||||
},
|
||||
close: function( event ) {
|
||||
equal( event.originalEvent.type, "menuselect", "close originalEvent" );
|
||||
ok( menu.is( ":hidden" ), "menu closed on close" );
|
||||
},
|
||||
select: function( event, ui ) {
|
||||
equal( event.originalEvent.type, "menuselect", "select originalEvent" );
|
||||
deepEqual( ui.item, { label: "Java", value: "Java" }, "select ui.item" );
|
||||
},
|
||||
change: function( event, ui ) {
|
||||
equal( event.originalEvent.type, "blur", "change originalEvent" );
|
||||
deepEqual( ui.item, { label: "Java", value: "Java" }, "change ui.item" );
|
||||
ok( menu.is( ":hidden" ), "menu closed on change" );
|
||||
start();
|
||||
}
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
|
||||
element.simulate( "focus" )[ settings.valueMethod ]( "j" ).keydown();
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":visible" ), "menu is visible after delay" );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
|
||||
// blur must be async for IE to handle it properly
|
||||
setTimeout(function() {
|
||||
element.simulate( "blur" );
|
||||
}, 1 );
|
||||
}, 50 );
|
||||
});
|
||||
});
|
||||
|
||||
asyncTest( "change without selection", function() {
|
||||
expect( 1 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
delay: 0,
|
||||
source: data,
|
||||
change: function( event, ui ) {
|
||||
strictEqual( ui.item, null );
|
||||
start();
|
||||
}
|
||||
});
|
||||
element.triggerHandler( "focus" );
|
||||
element.val( "ja" ).triggerHandler( "blur" );
|
||||
});
|
||||
|
||||
asyncTest( "cancel search", function() {
|
||||
expect( 6 );
|
||||
var first = true,
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
delay: 0,
|
||||
source: data,
|
||||
search: function() {
|
||||
if ( first ) {
|
||||
equal( element.val(), "ja", "val on first search" );
|
||||
first = false;
|
||||
return false;
|
||||
}
|
||||
equal( element.val(), "java", "val on second search" );
|
||||
},
|
||||
open: function() {
|
||||
ok( true, "menu opened" );
|
||||
}
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
element.val( "ja" ).keydown();
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":hidden" ), "menu is hidden after first search" );
|
||||
element.val( "java" ).keydown();
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":visible" ), "menu is visible after second search" );
|
||||
equal( menu.find( ".ui-menu-item" ).length, 2, "# of menu items" );
|
||||
start();
|
||||
}, 50 );
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
asyncTest( "cancel focus", function() {
|
||||
expect( 1 );
|
||||
var customVal = "custom value",
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
delay: 0,
|
||||
source: data,
|
||||
focus: function() {
|
||||
$( this ).val( customVal );
|
||||
return false;
|
||||
}
|
||||
});
|
||||
element.val( "ja" ).keydown();
|
||||
setTimeout(function() {
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
equal( element.val(), customVal );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
asyncTest( "cancel select", function() {
|
||||
expect( 1 );
|
||||
var customVal = "custom value",
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
delay: 0,
|
||||
source: data,
|
||||
select: function() {
|
||||
$( this ).val( customVal );
|
||||
return false;
|
||||
}
|
||||
});
|
||||
element.val( "ja" ).keydown();
|
||||
setTimeout(function() {
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
|
||||
element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } );
|
||||
equal( element.val(), customVal );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
asyncTest( "blur during remote search", function() {
|
||||
expect( 1 );
|
||||
var ac = $( "#autocomplete" ).autocomplete({
|
||||
delay: 0,
|
||||
source: function( request, response ) {
|
||||
ok( true, "trigger request" );
|
||||
ac.simulate( "blur" );
|
||||
setTimeout(function() {
|
||||
response([ "result" ]);
|
||||
start();
|
||||
}, 100 );
|
||||
},
|
||||
open: function() {
|
||||
ok( false, "opened after a blur" );
|
||||
}
|
||||
});
|
||||
ac.val( "ro" ).keydown();
|
||||
});
|
||||
|
||||
}( jQuery ) );
|
||||
45
jquery-ui/tests/unit/autocomplete/autocomplete_methods.js
vendored
Normal file
45
jquery-ui/tests/unit/autocomplete/autocomplete_methods.js
vendored
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "autocomplete: methods" );
|
||||
|
||||
test( "destroy", function() {
|
||||
expect( 1 );
|
||||
domEqual( "#autocomplete", function() {
|
||||
$( "#autocomplete" ).autocomplete().autocomplete( "destroy" );
|
||||
});
|
||||
});
|
||||
|
||||
test( "search, close", function() {
|
||||
expect( 6 );
|
||||
var data = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ],
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
source: data,
|
||||
minLength: 0
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
|
||||
ok( menu.is( ":hidden" ), "menu is hidden on init" );
|
||||
|
||||
element.autocomplete( "search" );
|
||||
ok( menu.is( ":visible" ), "menu is visible after search" );
|
||||
equal( menu.find( ".ui-menu-item" ).length, data.length, "all items for a blank search" );
|
||||
|
||||
element.val( "has" ).autocomplete( "search" );
|
||||
equal( menu.find( ".ui-menu-item" ).text(), "haskell", "only one item for set input value" );
|
||||
|
||||
element.autocomplete( "search", "ja" );
|
||||
equal( menu.find( ".ui-menu-item" ).length, 2, "only java and javascript for 'ja'" );
|
||||
|
||||
element.autocomplete( "close" );
|
||||
ok( menu.is( ":hidden" ), "menu is hidden after close" );
|
||||
});
|
||||
|
||||
test( "widget", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" ).autocomplete(),
|
||||
widgetElement = element.autocomplete( "widget" );
|
||||
equal( widgetElement.length, 1, "one element" );
|
||||
ok( widgetElement.is( ".ui-menu" ), "menu element" );
|
||||
});
|
||||
|
||||
}( jQuery ) );
|
||||
314
jquery-ui/tests/unit/autocomplete/autocomplete_options.js
vendored
Normal file
314
jquery-ui/tests/unit/autocomplete/autocomplete_options.js
vendored
Normal file
|
|
@ -0,0 +1,314 @@
|
|||
(function( $ ) {
|
||||
|
||||
module( "autocomplete: options" );
|
||||
|
||||
var data = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby",
|
||||
"python", "c", "scala", "groovy", "haskell", "perl" ];
|
||||
|
||||
test( "appendTo: null", function() {
|
||||
expect( 1 );
|
||||
var element = $( "#autocomplete" ).autocomplete();
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ], document.body,
|
||||
"defaults to body" );
|
||||
element.autocomplete( "destroy" );
|
||||
});
|
||||
|
||||
test( "appendTo: explicit", function() {
|
||||
expect( 6 );
|
||||
var detached = $( "<div>" ),
|
||||
element = $( "#autocomplete" );
|
||||
|
||||
element.autocomplete({
|
||||
appendTo: ".autocomplete-wrap"
|
||||
});
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ],
|
||||
$( "#autocomplete-wrap1" )[ 0 ], "first found element" );
|
||||
equal( $( "#autocomplete-wrap2 .ui-autocomplete" ).length, 0,
|
||||
"only appends to one element" );
|
||||
element.autocomplete( "destroy" );
|
||||
|
||||
element.autocomplete().autocomplete( "option", "appendTo", "#autocomplete-wrap1" );
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ],
|
||||
$( "#autocomplete-wrap1" )[ 0 ], "modified after init" );
|
||||
element.autocomplete( "destroy" );
|
||||
|
||||
element.autocomplete({
|
||||
appendTo: detached
|
||||
});
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ],
|
||||
"detached jQuery object" );
|
||||
element.autocomplete( "destroy" );
|
||||
|
||||
element.autocomplete({
|
||||
appendTo: detached[ 0 ]
|
||||
});
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ],
|
||||
"detached DOM element" );
|
||||
element.autocomplete( "destroy" );
|
||||
|
||||
element.autocomplete().autocomplete( "option", "appendTo", detached );
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ],
|
||||
"detached DOM element via option()" );
|
||||
element.autocomplete( "destroy" );
|
||||
});
|
||||
|
||||
test( "appendTo: ui-front", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" );
|
||||
|
||||
$( "#autocomplete-wrap2" ).addClass( "ui-front" );
|
||||
element.autocomplete();
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ],
|
||||
$( "#autocomplete-wrap2" )[ 0 ], "null, inside .ui-front" );
|
||||
element.autocomplete( "destroy" );
|
||||
|
||||
element.autocomplete({
|
||||
appendTo: $()
|
||||
});
|
||||
equal( element.autocomplete( "widget" ).parent()[ 0 ],
|
||||
$( "#autocomplete-wrap2" )[ 0 ], "empty jQuery object, inside .ui-front" );
|
||||
});
|
||||
|
||||
function autoFocusTest( afValue, focusedLength ) {
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
autoFocus: afValue,
|
||||
delay: 0,
|
||||
source: data,
|
||||
open: function() {
|
||||
equal(
|
||||
element.autocomplete( "widget" )
|
||||
.children( ".ui-menu-item.ui-state-focus" )
|
||||
.length,
|
||||
focusedLength,
|
||||
"first item is " + (afValue ? "" : "not") + " auto focused" );
|
||||
start();
|
||||
}
|
||||
});
|
||||
element.val( "ja" ).keydown();
|
||||
stop();
|
||||
}
|
||||
|
||||
test( "autoFocus: false", function() {
|
||||
expect( 1 );
|
||||
autoFocusTest( false, 0 );
|
||||
});
|
||||
|
||||
test( "autoFocus: true", function() {
|
||||
expect( 1 );
|
||||
autoFocusTest( true, 1 );
|
||||
});
|
||||
|
||||
asyncTest( "delay", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: data,
|
||||
delay: 50
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
element.val( "ja" ).keydown();
|
||||
|
||||
ok( menu.is( ":hidden" ), "menu is closed immediately after search" );
|
||||
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":visible" ), "menu is open after delay" );
|
||||
start();
|
||||
}, 100 );
|
||||
});
|
||||
|
||||
asyncTest( "disabled", function() {
|
||||
expect( 5 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: data,
|
||||
delay: 0
|
||||
}),
|
||||
menu = element.autocomplete( "disable" ).autocomplete( "widget" );
|
||||
element.val( "ja" ).keydown();
|
||||
|
||||
ok( menu.is( ":hidden" ) );
|
||||
|
||||
ok( !element.is( ".ui-state-disabled" ), "element doesn't get ui-state-disabled" );
|
||||
ok( !element.attr( "aria-disabled" ), "element doesn't get aria-disabled" );
|
||||
ok( menu.is( ".ui-autocomplete-disabled" ), "element gets ui-autocomplete-disabled" );
|
||||
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":hidden" ) );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
test( "minLength", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: data
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
element.autocomplete( "search", "" );
|
||||
ok( menu.is( ":hidden" ), "blank not enough for minLength: 1" );
|
||||
|
||||
element.autocomplete( "option", "minLength", 0 );
|
||||
element.autocomplete( "search", "" );
|
||||
ok( menu.is( ":visible" ), "blank enough for minLength: 0" );
|
||||
});
|
||||
|
||||
asyncTest( "minLength, exceed then drop below", function() {
|
||||
expect( 4 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
minLength: 2,
|
||||
source: function( req, res ) {
|
||||
equal( req.term, "12", "correct search term" );
|
||||
setTimeout(function() {
|
||||
res([ "item" ]);
|
||||
}, 1 );
|
||||
}
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
|
||||
ok( menu.is( ":hidden" ), "menu is hidden before first search" );
|
||||
element.autocomplete( "search", "12" );
|
||||
|
||||
ok( menu.is( ":hidden" ), "menu is hidden before second search" );
|
||||
element.autocomplete( "search", "1" );
|
||||
|
||||
setTimeout(function() {
|
||||
ok( menu.is( ":hidden" ), "menu is hidden after searches" );
|
||||
start();
|
||||
}, 50 );
|
||||
});
|
||||
|
||||
test( "minLength, exceed then drop below then exceed", function() {
|
||||
expect( 3 );
|
||||
var _res = [],
|
||||
element = $( "#autocomplete" ).autocomplete({
|
||||
minLength: 2,
|
||||
source: function( req, res ) {
|
||||
_res.push( res );
|
||||
}
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
|
||||
// trigger a valid search
|
||||
ok( menu.is( ":hidden" ), "menu is hidden before first search" );
|
||||
element.autocomplete( "search", "12" );
|
||||
|
||||
// trigger a search below the minLength, to turn on cancelSearch flag
|
||||
ok( menu.is( ":hidden" ), "menu is hidden before second search" );
|
||||
element.autocomplete( "search", "1" );
|
||||
|
||||
// trigger a valid search
|
||||
element.autocomplete( "search", "13" );
|
||||
// react as if the first search was cancelled (default ajax behavior)
|
||||
_res[ 0 ]([]);
|
||||
// react to second search
|
||||
_res[ 1 ]([ "13" ]);
|
||||
|
||||
ok( menu.is( ":visible" ), "menu is visible after searches" );
|
||||
});
|
||||
|
||||
test( "source, local string array", function() {
|
||||
expect( 1 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: data
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
element.val( "ja" ).autocomplete( "search" );
|
||||
equal( menu.find( ".ui-menu-item" ).text(), "javajavascript" );
|
||||
});
|
||||
|
||||
function sourceTest( source, async ) {
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: source
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
function result() {
|
||||
var items = menu.find( ".ui-menu-item" );
|
||||
equal( items.length, 3, "Should find three results." );
|
||||
deepEqual( items.eq( 0 ).data( "ui-autocomplete-item" ), {
|
||||
label: "java",
|
||||
value: "java"
|
||||
});
|
||||
deepEqual( items.eq( 1 ).data( "ui-autocomplete-item" ), {
|
||||
label: "javascript",
|
||||
value: "javascript"
|
||||
});
|
||||
deepEqual( items.eq( 2 ).data( "ui-autocomplete-item" ), {
|
||||
label: "clojure",
|
||||
value: "clojure"
|
||||
});
|
||||
element.autocomplete( "destroy" );
|
||||
if ( async ) {
|
||||
start();
|
||||
}
|
||||
}
|
||||
if ( async ) {
|
||||
stop();
|
||||
$( document ).one( "ajaxStop", result );
|
||||
}
|
||||
element.val( "j" ).autocomplete( "search" );
|
||||
if ( !async ) {
|
||||
result();
|
||||
}
|
||||
}
|
||||
|
||||
test( "source, local object array, only labels", function() {
|
||||
expect( 4 );
|
||||
sourceTest([
|
||||
{ label: "java", value: null },
|
||||
{ label: "php", value: null },
|
||||
{ label: "coldfusion", value: "" },
|
||||
{ label: "javascript", value: "" },
|
||||
{ label: "clojure" }
|
||||
]);
|
||||
});
|
||||
|
||||
test( "source, local object array, only values", function() {
|
||||
expect( 4 );
|
||||
sourceTest([
|
||||
{ value: "java", label: null },
|
||||
{ value: "php", label: null },
|
||||
{ value: "coldfusion", label: "" },
|
||||
{ value: "javascript", label: "" },
|
||||
{ value: "clojure" }
|
||||
]);
|
||||
});
|
||||
|
||||
test( "source, url string with remote json string array", function() {
|
||||
expect( 4 );
|
||||
sourceTest( "remote_string_array.txt", true );
|
||||
});
|
||||
|
||||
test( "source, url string with remote json object array, only value properties", function() {
|
||||
expect( 4 );
|
||||
sourceTest( "remote_object_array_values.txt", true );
|
||||
});
|
||||
|
||||
test( "source, url string with remote json object array, only label properties", function() {
|
||||
expect( 4 );
|
||||
sourceTest( "remote_object_array_labels.txt", true );
|
||||
});
|
||||
|
||||
test( "source, custom", function() {
|
||||
expect( 5 );
|
||||
sourceTest(function( request, response ) {
|
||||
equal( request.term, "j" );
|
||||
response([
|
||||
"java",
|
||||
{ label: "javascript", value: null },
|
||||
{ value: "clojure", label: null }
|
||||
]);
|
||||
});
|
||||
});
|
||||
|
||||
test( "source, update after init", function() {
|
||||
expect( 2 );
|
||||
var element = $( "#autocomplete" ).autocomplete({
|
||||
source: [ "java", "javascript", "haskell" ]
|
||||
}),
|
||||
menu = element.autocomplete( "widget" );
|
||||
element.val( "ja" ).autocomplete( "search" );
|
||||
equal( menu.find( ".ui-menu-item" ).text(), "javajavascript" );
|
||||
element.autocomplete( "option", "source", [ "php", "asp" ] );
|
||||
element.val( "ph" ).autocomplete( "search" );
|
||||
equal( menu.find( ".ui-menu-item" ).text(), "php" );
|
||||
});
|
||||
|
||||
}( jQuery ) );
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[
|
||||
{ "label": "java", "value": null },
|
||||
{ "label": "javascript", "value": "" },
|
||||
{ "label": "clojure" }
|
||||
]
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
[
|
||||
{ "value": "java", "label": null },
|
||||
{ "value": "javascript", "label": "" },
|
||||
{ "value": "clojure" }
|
||||
]
|
||||
|
|
@ -0,0 +1 @@
|
|||
[ "java", "javascript", "clojure" ]
|
||||
Loading…
Add table
Add a link
Reference in a new issue