/inventoryBrowser/node_modules/jquery-ui/tests/unit/autocomplete/core.js |
@@ -0,0 +1,432 @@ |
define( [ |
"qunit", |
"jquery", |
"ui/widgets/autocomplete" |
], function( QUnit, $ ) { |
|
QUnit.module( "autocomplete: core" ); |
|
QUnit.test( "markup structure", function( assert ) { |
assert.expect( 2 ); |
var element = $( "#autocomplete" ).autocomplete(), |
menu = element.autocomplete( "widget" ); |
|
assert.hasClasses( element, "ui-autocomplete-input" ); |
assert.hasClasses( menu, "ui-autocomplete ui-widget ui-widget-content" ); |
} ); |
|
QUnit.test( "prevent form submit on enter when menu is active", function( assert ) { |
assert.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 ); |
assert.equal( menu.find( ".ui-menu-item-wrapper.ui-state-active" ).length, 1, |
"menu item is active" ); |
|
event = $.Event( "keydown" ); |
event.keyCode = $.ui.keyCode.ENTER; |
element.trigger( event ); |
assert.ok( event.isDefaultPrevented(), "default action is prevented" ); |
} ); |
|
QUnit.test( "allow form submit on enter when menu is not active", function( assert ) { |
assert.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 ); |
assert.ok( !event.isDefaultPrevented(), "default action is prevented" ); |
} ); |
|
( function() { |
QUnit.test( "up arrow invokes search - input", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete", true, true ); |
} ); |
|
QUnit.test( "down arrow invokes search - input", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete", false, true ); |
} ); |
|
QUnit.test( "up arrow invokes search - textarea", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete-textarea", true, false ); |
} ); |
|
QUnit.test( "down arrow invokes search - textarea", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete-textarea", false, false ); |
} ); |
|
QUnit.test( "up arrow invokes search - contenteditable", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete-contenteditable", true, false ); |
} ); |
|
QUnit.test( "down arrow invokes search - contenteditable", function( assert ) { |
arrowsInvokeSearch( assert, "#autocomplete-contenteditable", false, false ); |
} ); |
|
QUnit.test( "up arrow moves focus - input", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete", true ); |
} ); |
|
QUnit.test( "down arrow moves focus - input", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete", false ); |
} ); |
|
QUnit.test( "up arrow moves focus - textarea", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete-textarea", true ); |
} ); |
|
QUnit.test( "down arrow moves focus - textarea", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete-textarea", false ); |
} ); |
|
QUnit.test( "up arrow moves focus - contenteditable", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete-contenteditable", true ); |
} ); |
|
QUnit.test( "down arrow moves focus - contenteditable", function( assert ) { |
arrowsMoveFocus( assert, "#autocomplete-contenteditable", false ); |
} ); |
|
QUnit.test( "up arrow moves cursor - input", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete", true, false ); |
} ); |
|
QUnit.test( "down arrow moves cursor - input", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete", false, false ); |
} ); |
|
QUnit.test( "up arrow moves cursor - textarea", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete-textarea", true, true ); |
} ); |
|
QUnit.test( "down arrow moves cursor - textarea", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete-textarea", false, true ); |
} ); |
|
QUnit.test( "up arrow moves cursor - contenteditable", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete-contenteditable", true, true ); |
} ); |
|
QUnit.test( "down arrow moves cursor - contenteditable", function( assert ) { |
arrowsNavigateElement( assert, "#autocomplete-contenteditable", false, true ); |
} ); |
|
function arrowsInvokeSearch( assert, id, isKeyUp, shouldMove ) { |
assert.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 ) } ); |
assert.equal( didMove, shouldMove, "respond to arrow" ); |
} |
|
function arrowsMoveFocus( assert, id, isKeyUp ) { |
assert.expect( 1 ); |
|
var element = $( id ).autocomplete( { |
source: [ "a" ], |
delay: 0, |
minLength: 0 |
} ); |
element.autocomplete( "instance" )._move = function() { |
assert.ok( true, "repsond to arrow" ); |
}; |
element.autocomplete( "search" ); |
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } ); |
} |
|
function arrowsNavigateElement( assert, id, isKeyUp, shouldMove ) { |
assert.expect( 1 ); |
|
var didMove = false, |
element = $( id ).autocomplete( { |
source: [ "a" ], |
delay: 0, |
minLength: 0 |
} ); |
element.on( "keypress", function( e ) { |
didMove = !e.isDefaultPrevented(); |
} ); |
element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } ); |
element.simulate( "keypress" ); |
assert.equal( didMove, shouldMove, "respond to arrow" ); |
} |
} )(); |
|
QUnit.test( "past end of menu in multiline autocomplete", function( assert ) { |
var ready = assert.async(); |
assert.expect( 2 ); |
|
var customVal = "custom value", |
element = $( "#autocomplete-contenteditable" ).autocomplete( { |
delay: 0, |
source: [ "javascript" ], |
focus: function( event, ui ) { |
assert.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 } ); |
assert.equal( element.text(), customVal ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "ESCAPE in multiline autocomplete", function( assert ) { |
var ready = assert.async(); |
assert.expect( 2 ); |
|
var customVal = "custom value", |
element = $( "#autocomplete-contenteditable" ).autocomplete( { |
delay: 0, |
source: [ "javascript" ], |
focus: function( event, ui ) { |
assert.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 } ); |
assert.equal( element.text(), customVal ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "handle race condition", function( assert ) { |
var ready = assert.async(); |
assert.expect( 3 ); |
var count = 0, |
element = $( "#autocomplete" ).autocomplete( { |
source: function( request, response ) { |
count++; |
if ( request.term.length === 1 ) { |
assert.equal( count, 1, "request with 1 character is first" ); |
setTimeout( function() { |
response( [ "one" ] ); |
setTimeout( checkResults ); |
} ); |
return; |
} |
assert.equal( count, 2, "request with 2 characters is second" ); |
response( [ "two" ] ); |
} |
} ); |
|
element.autocomplete( "search", "a" ); |
element.autocomplete( "search", "ab" ); |
|
function checkResults() { |
assert.equal( element.autocomplete( "widget" ).find( ".ui-menu-item" ).text(), "two", |
"correct results displayed" ); |
ready(); |
} |
} ); |
|
QUnit.test( "simultaneous searches (#9334)", function( assert ) { |
var ready = assert.async(); |
assert.expect( 2 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: function( request, response ) { |
setTimeout( function() { |
response( [ request.term ] ); |
} ); |
}, |
response: function() { |
assert.ok( true, "response from first instance" ); |
} |
} ), |
element2 = $( "#autocomplete-textarea" ).autocomplete( { |
source: function( request, response ) { |
setTimeout( function() { |
response( [ request.term ] ); |
} ); |
}, |
response: function() { |
assert.ok( true, "response from second instance" ); |
ready(); |
} |
} ); |
|
element.autocomplete( "search", "test" ); |
element2.autocomplete( "search", "test" ); |
} ); |
|
QUnit.test( "ARIA", function( assert ) { |
assert.expect( 13 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: [ "java", "javascript" ] |
} ), |
liveRegion = element.autocomplete( "instance" ).liveRegion; |
|
assert.equal( liveRegion.children().length, 0, "Empty live region on create" ); |
assert.equal( liveRegion.attr( "aria-live" ), "assertive", |
"Live region's aria-live attribute must be assertive" ); |
assert.equal( liveRegion.attr( "aria-relevant" ), "additions", |
"Live region's aria-relevant attribute must be additions" ); |
assert.equal( liveRegion.attr( "role" ), "status", |
"Live region's role attribute must be status" ); |
|
element.autocomplete( "search", "j" ); |
assert.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 } ); |
assert.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 } ); |
assert.equal( liveRegion.children().filter( ":visible" ).text(), "javascript", |
"Live region updated when default focus is prevented" ); |
|
element.autocomplete( "search", "javas" ); |
assert.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" ); |
assert.equal( liveRegion.children().filter( ":visible" ).text(), "No search results.", |
"Live region for no values" ); |
|
assert.equal( liveRegion.children().length, 5, |
"Should be five children in the live region after the above" ); |
assert.equal( liveRegion.children().filter( ":visible" ).length, 1, |
"Only one should be still visible" ); |
assert.ok( liveRegion.children().filter( ":visible" )[ 0 ] === liveRegion.children().last()[ 0 ], |
"The last one should be the visible one" ); |
|
element.autocomplete( "destroy" ); |
assert.equal( liveRegion.parent().length, 0, |
"The liveRegion should be detached after destroy" ); |
} ); |
|
QUnit.test( "ARIA, aria-label announcement", function( assert ) { |
assert.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 } ); |
assert.equal( liveRegion.children().filter( ":visible" ).text(), "People : anders andersson", |
"Live region changed on keydown to announce the highlighted value's aria-label attribute" ); |
} ); |
|
QUnit.test( "ARIA, init on detached input", function( assert ) { |
assert.expect( 1 ); |
var element = $( "<input>" ).autocomplete( { |
source: [ "java", "javascript" ] |
} ), |
liveRegion = element.autocomplete( "instance" ).liveRegion; |
assert.equal( liveRegion.parent().length, 1, "liveRegion must have a parent" ); |
} ); |
|
QUnit.test( ".replaceWith() (#9172)", function( assert ) { |
assert.expect( 1 ); |
|
var element = $( "#autocomplete" ).autocomplete(), |
replacement = "<div>test</div>", |
parent = element.parent(); |
element.replaceWith( replacement ); |
assert.equal( parent.html().toLowerCase(), replacement ); |
} ); |
|
QUnit.test( "Search if the user retypes the same value (#7434)", function( assert ) { |
var ready = assert.async(); |
assert.expect( 3 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: [ "java", "javascript" ], |
delay: 0 |
} ), |
menu = element.autocomplete( "instance" ).menu.element; |
|
element.val( "j" ).simulate( "keydown" ); |
setTimeout( function() { |
assert.ok( menu.is( ":visible" ), "menu displays initially" ); |
element.trigger( "blur" ); |
assert.ok( !menu.is( ":visible" ), "menu hidden after blur" ); |
element.val( "j" ).simulate( "keydown" ); |
setTimeout( function() { |
assert.ok( menu.is( ":visible" ), "menu displays after typing the same value" ); |
ready(); |
} ); |
} ); |
} ); |
|
QUnit.test( "Close on click outside when focus remains", function( assert ) { |
var ready = assert.async(); |
assert.expect( 2 ); |
|
var element = $( "#autocomplete" ).autocomplete( { |
source: [ "java", "javascript" ], |
delay: 0 |
} ); |
var menu = element.autocomplete( "widget" ); |
|
$( "body" ).on( "mousedown", function( event ) { |
event.preventDefault(); |
} ); |
|
element.val( "j" ).autocomplete( "search", "j" ); |
setTimeout( function() { |
assert.ok( menu.is( ":visible" ), "menu displays initially" ); |
$( "body" ).simulate( "mousedown" ); |
setTimeout( function() { |
assert.ok( menu.is( ":hidden" ), "menu closes after clicking elsewhere" ); |
ready(); |
} ); |
} ); |
} ); |
|
} ); |
/inventoryBrowser/node_modules/jquery-ui/tests/unit/autocomplete/events.js |
@@ -0,0 +1,193 @@ |
define( [ |
"qunit", |
"jquery", |
"ui/widgets/autocomplete" |
], function( QUnit, $ ) { |
|
QUnit.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 ) { |
QUnit.test( "all events - " + settings.type, function( assert ) { |
var ready = assert.async(); |
assert.expect( 13 ); |
var element = $( settings.selector ) |
.autocomplete( { |
autoFocus: false, |
delay: 0, |
source: data, |
search: function( event ) { |
assert.equal( event.originalEvent.type, "keydown", "search originalEvent" ); |
}, |
response: function( event, ui ) { |
assert.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() { |
assert.ok( menu.is( ":visible" ), "menu open on open" ); |
}, |
focus: function( event, ui ) { |
assert.equal( event.originalEvent.type, "menufocus", "focus originalEvent" ); |
assert.deepEqual( ui.item, { label: "Java", value: "Java" }, "focus ui.item" ); |
}, |
close: function( event ) { |
assert.equal( event.originalEvent.type, "menuselect", "close originalEvent" ); |
assert.ok( menu.is( ":hidden" ), "menu closed on close" ); |
}, |
select: function( event, ui ) { |
assert.equal( event.originalEvent.type, "menuselect", "select originalEvent" ); |
assert.deepEqual( ui.item, { label: "Java", value: "Java" }, "select ui.item" ); |
}, |
change: function( event, ui ) { |
assert.equal( event.originalEvent.type, "blur", "change originalEvent" ); |
assert.deepEqual( ui.item, { label: "Java", value: "Java" }, "change ui.item" ); |
assert.ok( menu.is( ":hidden" ), "menu closed on change" ); |
ready(); |
} |
} ), |
menu = element.autocomplete( "widget" ); |
|
element.simulate( "focus" )[ settings.valueMethod ]( "j" ).trigger( "keydown" ); |
setTimeout( function() { |
assert.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" ); |
} ); |
} ); |
} ); |
} ); |
|
QUnit.test( "change without selection", function( assert ) { |
var ready = assert.async(); |
assert.expect( 1 ); |
var element = $( "#autocomplete" ).autocomplete( { |
delay: 0, |
source: data, |
change: function( event, ui ) { |
assert.strictEqual( ui.item, null ); |
ready(); |
} |
} ); |
element.triggerHandler( "focus" ); |
element.val( "ja" ).triggerHandler( "blur" ); |
} ); |
|
QUnit.test( "cancel search", function( assert ) { |
var ready = assert.async(); |
assert.expect( 6 ); |
var first = true, |
element = $( "#autocomplete" ).autocomplete( { |
delay: 0, |
source: data, |
search: function() { |
if ( first ) { |
assert.equal( element.val(), "ja", "val on first search" ); |
first = false; |
return false; |
} |
assert.equal( element.val(), "java", "val on second search" ); |
}, |
open: function() { |
assert.ok( true, "menu opened" ); |
} |
} ), |
menu = element.autocomplete( "widget" ); |
element.val( "ja" ).trigger( "keydown" ); |
setTimeout( function() { |
assert.ok( menu.is( ":hidden" ), "menu is hidden after first search" ); |
element.val( "java" ).trigger( "keydown" ); |
setTimeout( function() { |
assert.ok( menu.is( ":visible" ), "menu is visible after second search" ); |
assert.equal( menu.find( ".ui-menu-item" ).length, 2, "# of menu items" ); |
ready(); |
} ); |
} ); |
} ); |
|
QUnit.test( "cancel focus", function( assert ) { |
var ready = assert.async(); |
assert.expect( 1 ); |
var customVal = "custom value", |
element = $( "#autocomplete" ).autocomplete( { |
delay: 0, |
source: data, |
focus: function() { |
$( this ).val( customVal ); |
return false; |
} |
} ); |
element.val( "ja" ).trigger( "keydown" ); |
setTimeout( function() { |
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
assert.equal( element.val(), customVal ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "cancel select", function( assert ) { |
var ready = assert.async(); |
assert.expect( 1 ); |
var customVal = "custom value", |
element = $( "#autocomplete" ).autocomplete( { |
delay: 0, |
source: data, |
select: function() { |
$( this ).val( customVal ); |
return false; |
} |
} ); |
element.val( "ja" ).trigger( "keydown" ); |
setTimeout( function() { |
element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); |
element.simulate( "keydown", { keyCode: $.ui.keyCode.ENTER } ); |
assert.equal( element.val(), customVal ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "blur during remote search", function( assert ) { |
var ready = assert.async(); |
assert.expect( 1 ); |
var ac = $( "#autocomplete" ).autocomplete( { |
delay: 0, |
source: function( request, response ) { |
assert.ok( true, "trigger request" ); |
ac.simulate( "blur" ); |
setTimeout( function() { |
response( [ "result" ] ); |
ready(); |
}, 25 ); |
}, |
open: function() { |
assert.ok( false, "opened after a blur" ); |
} |
} ); |
ac.val( "ro" ).trigger( "keydown" ); |
} ); |
|
} ); |
/inventoryBrowser/node_modules/jquery-ui/tests/unit/autocomplete/options.js |
@@ -0,0 +1,324 @@ |
define( [ |
"qunit", |
"jquery", |
"ui/widgets/autocomplete" |
], function( QUnit, $ ) { |
|
QUnit.module( "autocomplete: options" ); |
|
var data = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", |
"python", "c", "scala", "groovy", "haskell", "perl" ]; |
|
QUnit.test( "appendTo: null", function( assert ) { |
assert.expect( 1 ); |
var element = $( "#autocomplete" ).autocomplete(); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], document.body, |
"defaults to body" ); |
element.autocomplete( "destroy" ); |
} ); |
|
QUnit.test( "appendTo: explicit", function( assert ) { |
assert.expect( 6 ); |
var detached = $( "<div>" ), |
element = $( "#autocomplete" ); |
|
element.autocomplete( { |
appendTo: ".autocomplete-wrap" |
} ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], |
$( "#autocomplete-wrap1" )[ 0 ], "first found element" ); |
assert.equal( $( "#autocomplete-wrap2 .ui-autocomplete" ).length, 0, |
"only appends to one element" ); |
element.autocomplete( "destroy" ); |
|
element.autocomplete().autocomplete( "option", "appendTo", "#autocomplete-wrap1" ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], |
$( "#autocomplete-wrap1" )[ 0 ], "modified after init" ); |
element.autocomplete( "destroy" ); |
|
element.autocomplete( { |
appendTo: detached |
} ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ], |
"detached jQuery object" ); |
element.autocomplete( "destroy" ); |
|
element.autocomplete( { |
appendTo: detached[ 0 ] |
} ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ], |
"detached DOM element" ); |
element.autocomplete( "destroy" ); |
|
element.autocomplete().autocomplete( "option", "appendTo", detached ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], detached[ 0 ], |
"detached DOM element via option()" ); |
element.autocomplete( "destroy" ); |
} ); |
|
QUnit.test( "appendTo: ui-front", function( assert ) { |
assert.expect( 2 ); |
var element = $( "#autocomplete" ); |
|
$( "#autocomplete-wrap2" ).addClass( "ui-front" ); |
element.autocomplete(); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], |
$( "#autocomplete-wrap2" )[ 0 ], "null, inside .ui-front" ); |
element.autocomplete( "destroy" ); |
|
element.autocomplete( { |
appendTo: $() |
} ); |
assert.equal( element.autocomplete( "widget" ).parent()[ 0 ], |
$( "#autocomplete-wrap2" )[ 0 ], "empty jQuery object, inside .ui-front" ); |
} ); |
|
function autoFocusTest( assert, afValue, focusedLength ) { |
var ready = assert.async(); |
var element = $( "#autocomplete" ).autocomplete( { |
autoFocus: afValue, |
delay: 0, |
source: data, |
open: function() { |
assert.equal( |
element.autocomplete( "widget" ) |
.find( ".ui-menu-item-wrapper.ui-state-active" ) |
.length, |
focusedLength, |
"first item is " + ( afValue ? "" : "not" ) + " auto focused" ); |
ready(); |
} |
} ); |
element.val( "ja" ).trigger( "keydown" ); |
} |
|
QUnit.test( "autoFocus: false", function( assert ) { |
assert.expect( 1 ); |
autoFocusTest( assert, false, 0 ); |
} ); |
|
QUnit.test( "autoFocus: true", function( assert ) { |
assert.expect( 1 ); |
autoFocusTest( assert, true, 1 ); |
} ); |
|
QUnit.test( "delay", function( assert ) { |
var ready = assert.async(); |
assert.expect( 2 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: data, |
delay: 25 |
} ), |
menu = element.autocomplete( "widget" ); |
element.val( "ja" ).trigger( "keydown" ); |
|
assert.ok( menu.is( ":hidden" ), "menu is closed immediately after search" ); |
|
setTimeout( function() { |
assert.ok( menu.is( ":visible" ), "menu is open after delay" ); |
ready(); |
}, 50 ); |
} ); |
|
QUnit.test( "disabled", function( assert ) { |
var ready = assert.async(); |
assert.expect( 5 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: data, |
delay: 0 |
} ), |
menu = element.autocomplete( "disable" ).autocomplete( "widget" ); |
element.val( "ja" ).trigger( "keydown" ); |
|
assert.ok( menu.is( ":hidden" ) ); |
|
assert.lacksClasses( element, "ui-state-disabled" ); |
assert.hasClasses( menu, "ui-autocomplete-disabled" ); |
assert.ok( !element.attr( "aria-disabled" ), "element doesn't get aria-disabled" ); |
|
setTimeout( function() { |
assert.ok( menu.is( ":hidden" ) ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "minLength", function( assert ) { |
assert.expect( 2 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: data |
} ), |
menu = element.autocomplete( "widget" ); |
element.autocomplete( "search", "" ); |
assert.ok( menu.is( ":hidden" ), "blank not enough for minLength: 1" ); |
|
element.autocomplete( "option", "minLength", 0 ); |
element.autocomplete( "search", "" ); |
assert.ok( menu.is( ":visible" ), "blank enough for minLength: 0" ); |
} ); |
|
QUnit.test( "minLength, exceed then drop below", function( assert ) { |
var ready = assert.async(); |
assert.expect( 4 ); |
var element = $( "#autocomplete" ).autocomplete( { |
minLength: 2, |
source: function( req, res ) { |
assert.equal( req.term, "12", "correct search term" ); |
setTimeout( function() { |
res( [ "item" ] ); |
} ); |
} |
} ), |
menu = element.autocomplete( "widget" ); |
|
assert.ok( menu.is( ":hidden" ), "menu is hidden before first search" ); |
element.autocomplete( "search", "12" ); |
|
assert.ok( menu.is( ":hidden" ), "menu is hidden before second search" ); |
element.autocomplete( "search", "1" ); |
|
setTimeout( function() { |
assert.ok( menu.is( ":hidden" ), "menu is hidden after searches" ); |
ready(); |
} ); |
} ); |
|
QUnit.test( "minLength, exceed then drop below then exceed", function( assert ) { |
assert.expect( 3 ); |
var _res = [], |
element = $( "#autocomplete" ).autocomplete( { |
minLength: 2, |
source: function( req, res ) { |
_res.push( res ); |
} |
} ), |
menu = element.autocomplete( "widget" ); |
|
// Trigger a valid search |
assert.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 |
assert.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" ] ); |
|
assert.ok( menu.is( ":visible" ), "menu is visible after searches" ); |
} ); |
|
QUnit.test( "source, local string array", function( assert ) { |
assert.expect( 1 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: data |
} ), |
menu = element.autocomplete( "widget" ); |
element.val( "ja" ).autocomplete( "search" ); |
assert.equal( menu.find( ".ui-menu-item" ).text(), "javajavascript" ); |
} ); |
|
function sourceTest( assert, source, async ) { |
var ready; |
var element = $( "#autocomplete" ).autocomplete( { |
source: source |
} ), |
menu = element.autocomplete( "widget" ); |
function result() { |
var items = menu.find( ".ui-menu-item" ); |
assert.equal( items.length, 3, "Should find three results." ); |
assert.deepEqual( items.eq( 0 ).data( "ui-autocomplete-item" ), { |
label: "java", |
value: "java" |
} ); |
assert.deepEqual( items.eq( 1 ).data( "ui-autocomplete-item" ), { |
label: "javascript", |
value: "javascript" |
} ); |
assert.deepEqual( items.eq( 2 ).data( "ui-autocomplete-item" ), { |
label: "clojure", |
value: "clojure" |
} ); |
element.autocomplete( "destroy" ); |
if ( async ) { |
ready(); |
} |
} |
if ( async ) { |
ready = assert.async(); |
$( document ).one( "ajaxStop", result ); |
} |
element.val( "j" ).autocomplete( "search" ); |
if ( !async ) { |
result(); |
} |
} |
|
QUnit.test( "source, local object array, only labels", function( assert ) { |
assert.expect( 4 ); |
sourceTest( assert, [ |
{ label: "java", value: null }, |
{ label: "php", value: null }, |
{ label: "coldfusion", value: "" }, |
{ label: "javascript", value: "" }, |
{ label: "clojure" } |
] ); |
} ); |
|
QUnit.test( "source, local object array, only values", function( assert ) { |
assert.expect( 4 ); |
sourceTest( assert, [ |
{ value: "java", label: null }, |
{ value: "php", label: null }, |
{ value: "coldfusion", label: "" }, |
{ value: "javascript", label: "" }, |
{ value: "clojure" } |
] ); |
} ); |
|
QUnit.test( "source, url string with remote json string array", function( assert ) { |
assert.expect( 4 ); |
sourceTest( assert, "remote_string_array.txt", true ); |
} ); |
|
QUnit.test( "source, url string with remote json object array, only value properties", function( assert ) { |
assert.expect( 4 ); |
sourceTest( assert, "remote_object_array_values.txt", true ); |
} ); |
|
QUnit.test( "source, url string with remote json object array, only label properties", function( assert ) { |
assert.expect( 4 ); |
sourceTest( assert, "remote_object_array_labels.txt", true ); |
} ); |
|
QUnit.test( "source, custom", function( assert ) { |
assert.expect( 5 ); |
sourceTest( assert, function( request, response ) { |
assert.equal( request.term, "j" ); |
response( [ |
"java", |
{ label: "javascript", value: null }, |
{ value: "clojure", label: null } |
] ); |
} ); |
} ); |
|
QUnit.test( "source, update after init", function( assert ) { |
assert.expect( 2 ); |
var element = $( "#autocomplete" ).autocomplete( { |
source: [ "java", "javascript", "haskell" ] |
} ), |
menu = element.autocomplete( "widget" ); |
element.val( "ja" ).autocomplete( "search" ); |
assert.equal( menu.find( ".ui-menu-item" ).text(), "javajavascript" ); |
element.autocomplete( "option", "source", [ "php", "asp" ] ); |
element.val( "ph" ).autocomplete( "search" ); |
assert.equal( menu.find( ".ui-menu-item" ).text(), "php" ); |
} ); |
|
} ); |