Add unit test

WordPress · Apr 10, 2019 · ca3e521 · ca3e521
1 parent 2aefd9c
commit ca3e521
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 5 deletions.
diff --git a/packages/components/src/form-token-field/test/index.js b/packages/components/src/form-token-field/test/index.js
@@ -237,6 +237,26 @@ describe( 'FormTokenField', function() {
 			expect( getSelectedSuggestion() ).toBe( null );
 			expect( getTokensHTML() ).toEqual( [ 'foo', 'bar', 'with' ] );
 		} );
+
+		it( 'should re-render when suggestions prop has changed', function() {
+			wrapper.setState( {
+				tokenSuggestions: [],
+				isExpanded: true,
+			} );
+			expect( getSuggestionsText() ).toEqual( [] );
+			setText( 'so' );
+			expect( getSuggestionsText() ).toEqual( [] );
+
+			wrapper.setState( {
+				tokenSuggestions: fixtures.specialSuggestions.default,
+			} );
+			expect( getSuggestionsText() ).toEqual( fixtures.matchingSuggestions.so );
+
+			wrapper.setState( {
+				tokenSuggestions: [],
+			} );
+			expect( getSuggestionsText() ).toEqual( [] );
+		} );
 	} );
 
 	describe( 'adding tokens', function() {

diff --git a/packages/components/src/form-token-field/test/lib/fixtures.js b/packages/components/src/form-token-field/test/lib/fixtures.js
@@ -6,6 +6,11 @@ export default {
 		htmlUnescaped: [ 'a&nbsp;&nbsp;&nbsp;b', 'i&nbsp;&lt;3&nbsp;tags', '1&amp;2&amp;3&amp;4' ],
 	},
 	specialSuggestions: {
+		default: [
+			'the', 'of', 'and', 'to', 'a', 'in', 'for', 'is', 'on', 'that', 'by', 'this', 'with', 'i', 'you', 'it',
+			'not', 'or', 'be', 'are', 'from', 'at', 'as', 'your', 'all', 'have', 'new', 'more', 'an', 'was', 'we',
+			'associate', 'snake', 'pipes', 'sound',
+		],
 		textEscaped: [ '&lt;3', 'Stuff &amp; Things', 'Tags &amp; Stuff', 'Tags &amp; Stuff 2' ],
 		textUnescaped: [ '<3', 'Stuff & Things', 'Tags & Stuff', 'Tags & Stuff 2' ],
 		matchAmpersandUnescaped: [

diff --git a/packages/components/src/form-token-field/test/lib/token-field-wrapper.js b/packages/components/src/form-token-field/test/lib/token-field-wrapper.js
@@ -11,13 +11,10 @@ import { Component } from '@wordpress/element';
 /**
  * Internal dependencies
  */
+import fixtures from './fixtures';
 import TokenField from '../../';
 
-const suggestions = [
-	'the', 'of', 'and', 'to', 'a', 'in', 'for', 'is', 'on', 'that', 'by', 'this', 'with', 'i', 'you', 'it',
-	'not', 'or', 'be', 'are', 'from', 'at', 'as', 'your', 'all', 'have', 'new', 'more', 'an', 'was', 'we',
-	'associate', 'snake', 'pipes', 'sound',
-];
+const { specialSuggestions: { default: suggestions } } = fixtures;
 
 function unescapeAndFormatSpaces( str ) {
 	const nbsp = String.fromCharCode( 160 );