3 module( "autocomplete: core" );
5 test( "prevent form submit on enter when menu is active", function() {
8 element = $( "#autocomplete" )
10 source: [ "java", "javascript" ]
13 .autocomplete( "search" ),
14 menu = element.autocomplete( "widget" );
16 event = $.Event( "keydown" );
17 event.keyCode = $.ui.keyCode.DOWN;
18 element.trigger( event );
19 deepEqual( menu.find( ".ui-menu-item:has(.ui-state-focus)" ).length, 1, "menu item is active" );
21 event = $.Event( "keydown" );
22 event.keyCode = $.ui.keyCode.ENTER;
23 element.trigger( event );
24 ok( event.isDefaultPrevented(), "default action is prevented" );
27 test( "allow form submit on enter when menu is not active", function() {
30 element = $( "#autocomplete" )
33 source: [ "java", "javascript" ]
36 .autocomplete( "search" );
38 event = $.Event( "keydown" );
39 event.keyCode = $.ui.keyCode.ENTER;
40 element.trigger( event );
41 ok( !event.isDefaultPrevented(), "default action is prevented" );
45 test( "up arrow invokes search - input", function() {
46 arrowsInvokeSearch( "#autocomplete", true, true );
49 test( "down arrow invokes search - input", function() {
50 arrowsInvokeSearch( "#autocomplete", false, true );
53 test( "up arrow invokes search - textarea", function() {
54 arrowsInvokeSearch( "#autocomplete-textarea", true, false );
57 test( "down arrow invokes search - textarea", function() {
58 arrowsInvokeSearch( "#autocomplete-textarea", false, false );
61 test( "up arrow invokes search - contenteditable", function() {
62 arrowsInvokeSearch( "#autocomplete-contenteditable", true, false );
65 test( "down arrow invokes search - contenteditable", function() {
66 arrowsInvokeSearch( "#autocomplete-contenteditable", false, false );
69 test( "up arrow moves focus - input", function() {
70 arrowsMoveFocus( "#autocomplete", true );
73 test( "down arrow moves focus - input", function() {
74 arrowsMoveFocus( "#autocomplete", false );
77 test( "up arrow moves focus - textarea", function() {
78 arrowsMoveFocus( "#autocomplete-textarea", true );
81 test( "down arrow moves focus - textarea", function() {
82 arrowsMoveFocus( "#autocomplete-textarea", false );
85 test( "up arrow moves focus - contenteditable", function() {
86 arrowsMoveFocus( "#autocomplete-contenteditable", true );
89 test( "down arrow moves focus - contenteditable", function() {
90 arrowsMoveFocus( "#autocomplete-contenteditable", false );
93 function arrowsInvokeSearch( id, isKeyUp, shouldMove ) {
97 element = $( id ).autocomplete({
102 element.data( "ui-autocomplete" )._move = function() {
105 element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
106 equal( didMove, shouldMove, "respond to arrow" );
109 function arrowsMoveFocus( id, isKeyUp ) {
112 var element = $( id ).autocomplete({
117 element.data( "ui-autocomplete" )._move = function() {
118 ok( true, "repsond to arrow" );
120 element.autocomplete( "search" );
121 element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } );
125 asyncTest( "handle race condition", function() {
128 element = $( "#autocomplete" ).autocomplete({
129 source: function( request, response ) {
131 if ( request.term.length === 1 ) {
132 equal( count, 1, "request with 1 character is first" );
133 setTimeout(function() {
135 setTimeout( checkResults, 1 );
139 equal( count, 2, "request with 2 characters is second" );
144 element.autocomplete( "search", "a" );
145 element.autocomplete( "search", "ab" );
147 function checkResults() {
148 equal( element.autocomplete( "widget" ).find( ".ui-menu-item" ).text(), "two",
149 "correct results displayed" );
154 test( "ARIA", function() {
156 var element = $( "#autocomplete" ).autocomplete({
157 source: [ "java", "javascript" ]
159 liveRegion = element.data( "ui-autocomplete" ).liveRegion;
161 equal( liveRegion.text(), "", "Empty live region on create" );
163 element.autocomplete( "search", "j" );
164 equal( liveRegion.text(), "2 results are available, use up and down arrow keys to navigate.",
165 "Live region for multiple values" );
167 element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
168 equal( liveRegion.text(), "2 results are available, use up and down arrow keys to navigate.",
169 "Live region not changed on focus" );
171 element.one( "autocompletefocus", function( event ) {
172 event.preventDefault();
174 element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } );
175 equal( liveRegion.text(), "javascript",
176 "Live region updated when default focus is prevented" );
178 element.autocomplete( "search", "javas" );
179 equal( liveRegion.text(), "1 result is available, use up and down arrow keys to navigate.",
180 "Live region for one value" );
182 element.autocomplete( "search", "z" );
183 equal( liveRegion.text(), "No search results.",
184 "Live region for no values" );
186 element.autocomplete( "search", "j" );
187 equal( liveRegion.text(), "2 results are available, use up and down arrow keys to navigate.",
188 "Live region for multiple values" );