diff options
Diffstat (limited to 'tests/unit/autocomplete/core.js')
| -rw-r--r-- | tests/unit/autocomplete/core.js | 231 |
1 files changed, 119 insertions, 112 deletions
diff --git a/tests/unit/autocomplete/core.js b/tests/unit/autocomplete/core.js index e252970ee..33ccb2f34 100644 --- a/tests/unit/autocomplete/core.js +++ b/tests/unit/autocomplete/core.js @@ -1,12 +1,13 @@ define( [ + "qunit", "jquery", "ui/widgets/autocomplete" -], function( $ ) { +], function( QUnit, $ ) { -module( "autocomplete: core" ); +QUnit.module( "autocomplete: core" ); -test( "markup structure", function( assert ) { - expect( 2 ); +QUnit.test( "markup structure", function( assert ) { + assert.expect( 2 ); var element = $( "#autocomplete" ).autocomplete(), menu = element.autocomplete( "widget" ); @@ -14,8 +15,8 @@ test( "markup structure", function( assert ) { assert.hasClasses( menu, "ui-autocomplete ui-widget ui-widget-content" ); } ); -test( "prevent form submit on enter when menu is active", function() { - expect( 2 ); +QUnit.test( "prevent form submit on enter when menu is active", function( assert ) { + assert.expect( 2 ); var event, element = $( "#autocomplete" ) .autocomplete( { @@ -28,17 +29,17 @@ test( "prevent form submit on enter when menu is active", function() { event = $.Event( "keydown" ); event.keyCode = $.ui.keyCode.DOWN; element.trigger( event ); - equal( menu.find( ".ui-menu-item-wrapper.ui-state-active" ).length, 1, + 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 ); - ok( event.isDefaultPrevented(), "default action is prevented" ); + assert.ok( event.isDefaultPrevented(), "default action is prevented" ); } ); -test( "allow form submit on enter when menu is not active", function() { - expect( 1 ); +QUnit.test( "allow form submit on enter when menu is not active", function( assert ) { + assert.expect( 1 ); var event, element = $( "#autocomplete" ) .autocomplete( { @@ -51,84 +52,84 @@ test( "allow form submit on enter when menu is not active", function() { event = $.Event( "keydown" ); event.keyCode = $.ui.keyCode.ENTER; element.trigger( event ); - ok( !event.isDefaultPrevented(), "default action is prevented" ); + assert.ok( !event.isDefaultPrevented(), "default action is prevented" ); } ); ( function() { - test( "up arrow invokes search - input", function() { - arrowsInvokeSearch( "#autocomplete", true, true ); + QUnit.test( "up arrow invokes search - input", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete", true, true ); } ); - test( "down arrow invokes search - input", function() { - arrowsInvokeSearch( "#autocomplete", false, true ); + QUnit.test( "down arrow invokes search - input", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete", false, true ); } ); - test( "up arrow invokes search - textarea", function() { - arrowsInvokeSearch( "#autocomplete-textarea", true, false ); + QUnit.test( "up arrow invokes search - textarea", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete-textarea", true, false ); } ); - test( "down arrow invokes search - textarea", function() { - arrowsInvokeSearch( "#autocomplete-textarea", false, false ); + QUnit.test( "down arrow invokes search - textarea", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete-textarea", false, false ); } ); - test( "up arrow invokes search - contenteditable", function() { - arrowsInvokeSearch( "#autocomplete-contenteditable", true, false ); + QUnit.test( "up arrow invokes search - contenteditable", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete-contenteditable", true, false ); } ); - test( "down arrow invokes search - contenteditable", function() { - arrowsInvokeSearch( "#autocomplete-contenteditable", false, false ); + QUnit.test( "down arrow invokes search - contenteditable", function( assert ) { + arrowsInvokeSearch( assert, "#autocomplete-contenteditable", false, false ); } ); - test( "up arrow moves focus - input", function() { - arrowsMoveFocus( "#autocomplete", true ); + QUnit.test( "up arrow moves focus - input", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete", true ); } ); - test( "down arrow moves focus - input", function() { - arrowsMoveFocus( "#autocomplete", false ); + QUnit.test( "down arrow moves focus - input", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete", false ); } ); - test( "up arrow moves focus - textarea", function() { - arrowsMoveFocus( "#autocomplete-textarea", true ); + QUnit.test( "up arrow moves focus - textarea", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete-textarea", true ); } ); - test( "down arrow moves focus - textarea", function() { - arrowsMoveFocus( "#autocomplete-textarea", false ); + QUnit.test( "down arrow moves focus - textarea", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete-textarea", false ); } ); - test( "up arrow moves focus - contenteditable", function() { - arrowsMoveFocus( "#autocomplete-contenteditable", true ); + QUnit.test( "up arrow moves focus - contenteditable", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete-contenteditable", true ); } ); - test( "down arrow moves focus - contenteditable", function() { - arrowsMoveFocus( "#autocomplete-contenteditable", false ); + QUnit.test( "down arrow moves focus - contenteditable", function( assert ) { + arrowsMoveFocus( assert, "#autocomplete-contenteditable", false ); } ); - test( "up arrow moves cursor - input", function() { - arrowsNavigateElement( "#autocomplete", true, false ); + QUnit.test( "up arrow moves cursor - input", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete", true, false ); } ); - test( "down arrow moves cursor - input", function() { - arrowsNavigateElement( "#autocomplete", false, false ); + QUnit.test( "down arrow moves cursor - input", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete", false, false ); } ); - test( "up arrow moves cursor - textarea", function() { - arrowsNavigateElement( "#autocomplete-textarea", true, true ); + QUnit.test( "up arrow moves cursor - textarea", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete-textarea", true, true ); } ); - test( "down arrow moves cursor - textarea", function() { - arrowsNavigateElement( "#autocomplete-textarea", false, true ); + QUnit.test( "down arrow moves cursor - textarea", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete-textarea", false, true ); } ); - test( "up arrow moves cursor - contenteditable", function() { - arrowsNavigateElement( "#autocomplete-contenteditable", true, true ); + QUnit.test( "up arrow moves cursor - contenteditable", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete-contenteditable", true, true ); } ); - test( "down arrow moves cursor - contenteditable", function() { - arrowsNavigateElement( "#autocomplete-contenteditable", false, true ); + QUnit.test( "down arrow moves cursor - contenteditable", function( assert ) { + arrowsNavigateElement( assert, "#autocomplete-contenteditable", false, true ); } ); - function arrowsInvokeSearch( id, isKeyUp, shouldMove ) { - expect( 1 ); + function arrowsInvokeSearch( assert, id, isKeyUp, shouldMove ) { + assert.expect( 1 ); var didMove = false, element = $( id ).autocomplete( { @@ -140,11 +141,11 @@ test( "allow form submit on enter when menu is not active", function() { didMove = true; }; element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } ); - equal( didMove, shouldMove, "respond to arrow" ); + assert.equal( didMove, shouldMove, "respond to arrow" ); } - function arrowsMoveFocus( id, isKeyUp ) { - expect( 1 ); + function arrowsMoveFocus( assert, id, isKeyUp ) { + assert.expect( 1 ); var element = $( id ).autocomplete( { source: [ "a" ], @@ -152,14 +153,14 @@ test( "allow form submit on enter when menu is not active", function() { minLength: 0 } ); element.autocomplete( "instance" )._move = function() { - ok( true, "repsond to arrow" ); + assert.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 ); + function arrowsNavigateElement( assert, id, isKeyUp, shouldMove ) { + assert.expect( 1 ); var didMove = false, element = $( id ).autocomplete( { @@ -172,19 +173,20 @@ test( "allow form submit on enter when menu is not active", function() { } ); element.simulate( "keydown", { keyCode: ( isKeyUp ? $.ui.keyCode.UP : $.ui.keyCode.DOWN ) } ); element.simulate( "keypress" ); - equal( didMove, shouldMove, "respond to arrow" ); + assert.equal( didMove, shouldMove, "respond to arrow" ); } } )(); -asyncTest( "past end of menu in multiline autocomplete", function() { - expect( 2 ); +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 ) { - equal( ui.item.value, "javascript", "Item gained focus" ); + assert.equal( ui.item.value, "javascript", "Item gained focus" ); $( this ).text( customVal ); event.preventDefault(); } @@ -197,20 +199,21 @@ asyncTest( "past end of menu in multiline autocomplete", function() { setTimeout( function() { element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); - equal( element.text(), customVal ); - start(); + assert.equal( element.text(), customVal ); + ready(); } ); } ); -asyncTest( "ESCAPE in multiline autocomplete", function() { - expect( 2 ); +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 ) { - equal( ui.item.value, "javascript", "Item gained focus" ); + assert.equal( ui.item.value, "javascript", "Item gained focus" ); $( this ).text( customVal ); event.preventDefault(); } @@ -223,26 +226,27 @@ asyncTest( "ESCAPE in multiline autocomplete", function() { setTimeout( function() { element.simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); element.simulate( "keydown", { keyCode: $.ui.keyCode.ESCAPE } ); - equal( element.text(), customVal ); - start(); + assert.equal( element.text(), customVal ); + ready(); } ); } ); -asyncTest( "handle race condition", function() { - expect( 3 ); +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 ) { - equal( count, 1, "request with 1 character is first" ); + assert.equal( count, 1, "request with 1 character is first" ); setTimeout( function() { response( [ "one" ] ); setTimeout( checkResults ); } ); return; } - equal( count, 2, "request with 2 characters is second" ); + assert.equal( count, 2, "request with 2 characters is second" ); response( [ "two" ] ); } } ); @@ -251,14 +255,15 @@ asyncTest( "handle race condition", function() { element.autocomplete( "search", "ab" ); function checkResults() { - equal( element.autocomplete( "widget" ).find( ".ui-menu-item" ).text(), "two", + assert.equal( element.autocomplete( "widget" ).find( ".ui-menu-item" ).text(), "two", "correct results displayed" ); - start(); + ready(); } } ); -asyncTest( "simultaneous searches (#9334)", function() { - expect( 2 ); +QUnit.test( "simultaneous searches (#9334)", function( assert ) { + var ready = assert.async(); + assert.expect( 2 ); var element = $( "#autocomplete" ).autocomplete( { source: function( request, response ) { setTimeout( function() { @@ -266,7 +271,7 @@ asyncTest( "simultaneous searches (#9334)", function() { } ); }, response: function() { - ok( true, "response from first instance" ); + assert.ok( true, "response from first instance" ); } } ), element2 = $( "#autocomplete-textarea" ).autocomplete( { @@ -276,8 +281,8 @@ asyncTest( "simultaneous searches (#9334)", function() { } ); }, response: function() { - ok( true, "response from second instance" ); - start(); + assert.ok( true, "response from second instance" ); + ready(); } } ); @@ -285,60 +290,60 @@ asyncTest( "simultaneous searches (#9334)", function() { element2.autocomplete( "search", "test" ); } ); -test( "ARIA", function() { - expect( 13 ); +QUnit.test( "ARIA", function( assert ) { + assert.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", + 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" ); - equal( liveRegion.attr( "aria-relevant" ), "additions", + assert.equal( liveRegion.attr( "aria-relevant" ), "additions", "Live region's aria-relevant attribute must be additions" ); - equal( liveRegion.attr( "role" ), "status", + assert.equal( liveRegion.attr( "role" ), "status", "Live region's role attribute must be status" ); element.autocomplete( "search", "j" ); - equal( liveRegion.children().first().text(), + 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 } ); - equal( liveRegion.children().filter( ":visible" ).text(), "java", + 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 } ); - equal( liveRegion.children().filter( ":visible" ).text(), "javascript", + assert.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(), + 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" ); - equal( liveRegion.children().filter( ":visible" ).text(), "No search results.", + assert.equal( liveRegion.children().filter( ":visible" ).text(), "No search results.", "Live region for no values" ); - equal( liveRegion.children().length, 5, + assert.equal( liveRegion.children().length, 5, "Should be five children in the live region after the above" ); - equal( liveRegion.children().filter( ":visible" ).length, 1, + assert.equal( liveRegion.children().filter( ":visible" ).length, 1, "Only one should be still visible" ); - ok( liveRegion.children().filter( ":visible" )[ 0 ] === liveRegion.children().last()[ 0 ], + assert.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, + assert.equal( liveRegion.parent().length, 0, "The liveRegion should be detached after destroy" ); } ); -test( "ARIA, aria-label announcement", function() { - expect( 1 ); +QUnit.test( "ARIA, aria-label announcement", function( assert ) { + assert.expect( 1 ); $.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var that = this; @@ -354,31 +359,32 @@ test( "ARIA, aria-label announcement", function() { 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", + assert.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 ); +QUnit.test( "ARIA, init on detached input", function( assert ) { + assert.expect( 1 ); var element = $( "<input>" ).autocomplete( { source: [ "java", "javascript" ] } ), liveRegion = element.autocomplete( "instance" ).liveRegion; - equal( liveRegion.parent().length, 1, "liveRegion must have a parent" ); + assert.equal( liveRegion.parent().length, 1, "liveRegion must have a parent" ); } ); -test( ".replaceWith() (#9172)", function() { - expect( 1 ); +QUnit.test( ".replaceWith() (#9172)", function( assert ) { + assert.expect( 1 ); var element = $( "#autocomplete" ).autocomplete(), replacement = "<div>test</div>", parent = element.parent(); element.replaceWith( replacement ); - equal( parent.html().toLowerCase(), replacement ); + assert.equal( parent.html().toLowerCase(), replacement ); } ); -asyncTest( "Search if the user retypes the same value (#7434)", function() { - expect( 3 ); +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 @@ -387,19 +393,20 @@ asyncTest( "Search if the user retypes the same value (#7434)", function() { element.val( "j" ).simulate( "keydown" ); setTimeout( function() { - ok( menu.is( ":visible" ), "menu displays initially" ); + assert.ok( menu.is( ":visible" ), "menu displays initially" ); element.trigger( "blur" ); - ok( !menu.is( ":visible" ), "menu hidden after blur" ); + assert.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(); + assert.ok( menu.is( ":visible" ), "menu displays after typing the same value" ); + ready(); } ); } ); } ); -asyncTest( "Close on click outside when focus remains", function() { - expect( 2 ); +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" ], @@ -413,11 +420,11 @@ asyncTest( "Close on click outside when focus remains", function() { element.val( "j" ).autocomplete( "search", "j" ); setTimeout( function() { - ok( menu.is( ":visible" ), "menu displays initially" ); + assert.ok( menu.is( ":visible" ), "menu displays initially" ); $( "body" ).simulate( "mousedown" ); setTimeout( function() { - ok( menu.is( ":hidden" ), "menu closes after clicking elsewhere" ); - start(); + assert.ok( menu.is( ":hidden" ), "menu closes after clicking elsewhere" ); + ready(); } ); } ); } ); |