self._modifyInputBoxWidth();
textBlock.hide();
- textBlock.fadeIn( "fast", function() {
+ textBlock.fadeIn( "fast", function () {
self._currentWidth += self._calcBlockWidth( textBlock );
$view.trigger( "add" );
});
if ( lockBlock !== null && lockBlock.length > 0 ) {
self._currentWidth -= self._calcBlockWidth( lockBlock );
- lockBlock.fadeOut( "fast", function() {
+ lockBlock.fadeOut( "fast", function () {
lockBlock.remove();
self._modifyInputBoxWidth();
});
}
if ( arguments.length === 0 ) {
- blocks.fadeOut( "fast", function() {
+ blocks.fadeOut( "fast", function () {
blocks.remove();
self._modifyInputBoxWidth();
- this._trigger( "clear" );
+ self._trigger( "clear" );
});
} else if ( !isNaN( position ) ) {
// remove selected button
index = ( ( position < blocks.length ) ? position : ( blocks.length - 1 ) );
- $( blocks[index] ).fadeOut( "fast", function() {
+ $( blocks[index] ).fadeOut( "fast", function () {
$( blocks[index] ).remove();
self._modifyInputBoxWidth();
});
/*markup*/
equal( widget.jqmData('label'), options.lable, 'Property : data-label') ;
- equal( widget.find('label.ui-tokentextarea-label').html( ), options.lable, 'Property : data-label') ;
+ equal( widget.find('span.ui-tokentextarea-label').html( ), options.lable, 'Property : data-label') ;
equal( widget.jqmData('description'), options.description, 'Property : data-description') ;
equal( widget.jqmData('link'), options.link, 'Property : data-link') ;
equal( widget.find( "input" ).hasClass('ui-tokentextarea-input'), true, "Markup Check" );
- equal( widget.find( "label" ).hasClass('ui-tokentextarea-label'), true, "Markup Check" );
+ equal( widget.find( "span" ).hasClass('ui-tokentextarea-label'), true, "Markup Check" );
equal( widget.find( "a" ).hasClass('ui-tokentextarea-link-base'), true, "Markup Check" );
equal( widget.find( "a" ).attr('href'), '#address', "Markup Check" );
/* Add */
tokentextarea.tokentextarea( "add", "string1" );
- //equal( addEvent, true, "Event : add" ) ;
equal( tokentextarea.tokentextarea( "length" ), 1, "API : add('string1')" );
tokentextarea.tokentextarea( "add", "string2" );
equal( tokentextarea.tokentextarea( "length" ), 2, "API : add('string2')" );
/* Select */
tokentextarea.tokentextarea( "select", 1 );
- //equal( selectEvent, true, "Event : select" ) ;
outputText = tokentextarea.tokentextarea( "select" );
equal( outputText, "string2", "API : select( 1 )" );
status = tokentextarea.hasClass( "ui-tokentextarea-focusin" );
equal( status, true, "API : focusIn" );
- /* Remove */
- tokentextarea.tokentextarea( "remove", 0 );
- //equal( removeEvent, true, "Event : remove" ) ;
- equal( tokentextarea.tokentextarea( "length" ), 2 , "API : remove( 0 )" );
- equal( widget.find(".ui-tokentextarea-block" ).length, 2, 'API : API : remove( 0 )') ;
-
- /* Reamove all */
- tokentextarea.tokentextarea( "remove" );
- equal( tokentextarea.tokentextarea( "length" ), 0, "API : remove" );
- equal( widget.find(".ui-tokentextarea-block" ).length, 0, 'API : API : remove all') ;
-
/* input */
inputText = "tokentextarea";
tokentextarea.tokentextarea( "inputText", inputText );
outputText = tokentextarea.tokentextarea( "inputText" );
equal( outputText, inputText, "API : input('" + outputText + "')" );
+
+ asyncTest("asyncTest", function () {
+ var $widget = $( "<div data-role='tokentextarea'></div>" ).tokentextarea();
+ widget.append( $widget );
+
+ $widget.tokentextarea( "add", "string1" );
+ $widget.tokentextarea( "add", "string2" );
+ $widget.tokentextarea( "add", "string3" );
+ $widget.tokentextarea( "remove", 0 );
+
+ setTimeout( function () {
+ /* Remove */
+ equal( $widget.tokentextarea( "length" ), 2 , "API : remove( 0 )" );
+ equal( widget.find(".ui-tokentextarea-block" ).length, 2, 'API : API : remove( 0 )');
+ $widget.tokentextarea( "remove" );
+ }, 400 );
+
+ setTimeout( function () {
+ /* Reamove all */
+ equal( $widget.tokentextarea( "length" ), 0, "API : remove" );
+ equal( widget.find(".ui-tokentextarea-block" ).length, 0, 'API : API : remove all');
+ start();
+ $widget.remove();
+ }, 800 );
+ });
};
test( "Tokentextarea", function ( ) {
/* Focus In */
tokentextarea.tokentextarea( "focusIn" );
status = tokentextarea.hasClass( "ui-tokentextarea-focusin" );
- equal( status, true, "API : focusIn" );
-
- /* Remove */
- tokentextarea.tokentextarea( "remove", 0 );
- equal( tokentextarea.tokentextarea( "length" ), 2 , "API : remove( 0 )" );
-
- /* Reamove all */
- tokentextarea.tokentextarea( "remove" );
- equal( tokentextarea.tokentextarea( "length" ), 0, "API : remove" );
+ equal( status, true, "API : focusIn" );
/* input */
inputText = "tokentextarea";
tokentextarea.tokentextarea( "inputText", inputText );
outputText = tokentextarea.tokentextarea( "inputText" );
equal( outputText, inputText, "API : input( '" + outputText + "' )" );
+
+ asyncTest("asyncTest", function () {
+ var $widget = $( "<div data-role='tokentextarea'></div>" ).tokentextarea();
+ $( ".ui-page" ).append( $widget );
+
+ $widget.tokentextarea( "add", "string1" );
+ $widget.tokentextarea( "add", "string2" );
+ $widget.tokentextarea( "add", "string3" );
+ $widget.tokentextarea( "remove", 0 );
+
+ setTimeout( function () {
+ /* Remove */
+ equal( $widget.tokentextarea( "length" ), 2, "API : remove( 0 )" );
+ $widget.tokentextarea( "remove" );
+ }, 400 );
+
+ setTimeout( function () {
+ /* Reamove all */
+ equal( $widget.tokentextarea( "length" ), 0, "API : remove()" );
+ start();
+ $widget.remove();
+ }, 800 );
+ });
};
test( "Tokentextarea", function () {