@@ -8,14 +8,14 @@ import { getStates, matchStateToTerm, styles } from '../utils'
8
8
9
9
function AutocompleteComponentJSX ( extraProps ) {
10
10
return (
11
- < Autocomplete
11
+ < Autocomplete
12
12
labelText = "Choose a state from the US"
13
13
inputProps = { { name : 'US state' } }
14
14
getItemValue = { ( item ) => item . name }
15
15
items = { getStates ( ) }
16
16
renderItem = { ( item , isHighlighted ) => (
17
17
< div
18
- style = { isHighlighted ? styles . highlightedItem : styles . item }
18
+ style = { isHighlighted ? styles . highlightedItem : styles . item }
19
19
key = { item . abbr }
20
20
> { item . name } </ div >
21
21
) }
@@ -197,7 +197,7 @@ describe('Autocomplete kewDown->ArrowDown event handlers', () => {
197
197
198
198
it ( 'should highlight the "n+1" item in the menu when "n" is selected' , ( ) => {
199
199
autocompleteWrapper . setState ( { 'isOpen' : true } )
200
-
200
+
201
201
const n = 4
202
202
// Set input to be an empty value, which displays all 50 states as items in the menu
203
203
autocompleteInputWrapper . simulate ( 'change' , { target : { value : '' } } )
@@ -211,7 +211,7 @@ describe('Autocomplete kewDown->ArrowDown event handlers', () => {
211
211
212
212
it ( 'should highlight the 1st item in the menu when the last is selected' , ( ) => {
213
213
autocompleteWrapper . setState ( { 'isOpen' : true } )
214
-
214
+
215
215
// Set input to be an empty value, which displays all 50 states as items in the menu
216
216
autocompleteInputWrapper . simulate ( 'change' , { target : { value : '' } } )
217
217
autocompleteWrapper . setState ( { 'highlightedIndex' : 49 } )
@@ -243,7 +243,7 @@ describe('Autocomplete kewDown->ArrowUp event handlers', () => {
243
243
244
244
it ( 'should highlight the "n-1" item in the menu when "n" is selected' , ( ) => {
245
245
autocompleteWrapper . setState ( { 'isOpen' : true } )
246
-
246
+
247
247
const n = 4
248
248
// Set input to be an empty value, which displays all 50 states as items in the menu
249
249
autocompleteInputWrapper . simulate ( 'change' , { target : { value : '' } } )
@@ -257,7 +257,7 @@ describe('Autocomplete kewDown->ArrowUp event handlers', () => {
257
257
258
258
it ( 'should highlight the last item in the menu when the 1st is selected' , ( ) => {
259
259
autocompleteWrapper . setState ( { 'isOpen' : true } )
260
-
260
+
261
261
// Set input to be an empty value, which displays all 50 states as items in the menu
262
262
autocompleteInputWrapper . simulate ( 'change' , { target : { value : '' } } )
263
263
autocompleteWrapper . setState ( { 'highlightedIndex' : 0 } )
@@ -286,9 +286,9 @@ describe('Autocomplete kewDown->Enter event handlers', () => {
286
286
autocompleteWrapper . setState ( { 'isOpen' : true } )
287
287
autocompleteInputWrapper . simulate ( 'focus' )
288
288
autocompleteWrapper . setProps ( { value, onSelect ( v ) { value = v } } )
289
-
289
+
290
290
// simulate keyUp of backspace, triggering autocomplete suggestion on an empty string, which should result in nothing highlighted
291
- autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'Backspace' , keyCode : 8 , which : 8 } )
291
+ autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'Backspace' , keyCode : 8 , which : 8 } )
292
292
expect ( autocompleteWrapper . state ( 'highlightedIndex' ) ) . toBe ( null )
293
293
294
294
autocompleteInputWrapper . simulate ( 'keyDown' , { key : 'Enter' , keyCode : 13 , which : 13 } )
@@ -304,9 +304,9 @@ describe('Autocomplete kewDown->Enter event handlers', () => {
304
304
autocompleteWrapper . setState ( { 'isOpen' : true } )
305
305
autocompleteInputWrapper . simulate ( 'focus' )
306
306
autocompleteWrapper . setProps ( { value, onSelect ( v ) { value = v } } )
307
-
307
+
308
308
// simulate keyUp of last key, triggering autocomplete suggestion + selection of the suggestion in the menu
309
- autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'r' , keyCode : 82 , which : 82 } )
309
+ autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'r' , keyCode : 82 , which : 82 } )
310
310
311
311
// Hit enter, updating state.value with the selected Autocomplete suggestion
312
312
autocompleteInputWrapper . simulate ( 'keyDown' , { key : 'Enter' , keyCode : 13 , which : 13 , preventDefault ( ) { defaultPrevented = true } } )
@@ -348,9 +348,9 @@ describe('Autocomplete click event handlers', () => {
348
348
} )
349
349
autocompleteWrapper . setState ( { isOpen : true } )
350
350
autocompleteInputWrapper . simulate ( 'change' , { target : { value } } )
351
-
351
+
352
352
// simulate keyUp of last key, triggering autocomplete suggestion + selection of the suggestion in the menu
353
- autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'r' , keyCode : 82 , which : 82 } )
353
+ autocompleteInputWrapper . simulate ( 'keyUp' , { key : 'r' , keyCode : 82 , which : 82 } )
354
354
355
355
// Click inside input, updating state.value with the selected Autocomplete suggestion
356
356
autocompleteInputWrapper . simulate ( 'click' )
0 commit comments