Update tests to reflect removal of value from state

Author: CMTegner

lib/__tests__/Autocomplete-test.js

@@ -15,7 +15,6 @@ chai.use(chaiEnzyme());
 function AutocompleteComponentJSX (extraProps) {
   return (
     <Autocomplete 
-      initialValue=''      
       labelText="Choose a state from the US"
       inputProps={{name: "US state"}}
       getItemValue={(item) => item.name}
@@ -49,11 +48,11 @@ describe('Autocomplete acceptance tests', () => {
     expect(autocompleteWrapper.instance().refs.menu).to.exist;
   });
 
-  it('should show results when partial match is typed in', () => {
+  it('should show results when value is a partial match', () => {
 
     // Render autocomplete results upon partial input match
     expect(autocompleteWrapper.ref('menu').children()).to.have.length(50);
-    autocompleteInputWrapper.simulate('change', { target: { value: 'Ar' } });
+    autocompleteWrapper.setProps({ value: 'Ar' });
     expect(autocompleteWrapper.ref('menu').children()).to.have.length(6);
 
   });
@@ -173,32 +172,34 @@ describe('Autocomplete kewDown->Enter event handlers', () => {
   });
 
   it('should close menu if input has focus but no item has been selected and then the Enter key is hit', () => {
+    let value = '';
     autocompleteWrapper.setState({'isOpen': true});
     autocompleteInputWrapper.simulate('focus');
-    autocompleteInputWrapper.simulate('change', { target: { value: '' } });
+    autocompleteWrapper.setProps({ value, onSelect(v) { value = v; } });
 
     // simulate keyUp of backspace, triggering autocomplete suggestion on an empty string, which should result in nothing highlighted
     autocompleteInputWrapper.simulate('keyUp', { key : 'Backspace', keyCode: 8, which: 8 }); 
     expect(autocompleteWrapper.state('highlightedIndex')).to.be.null;
 
     autocompleteInputWrapper.simulate('keyDown', { key : 'Enter', keyCode: 13, which: 13 });
 
-    expect(autocompleteWrapper.state('value')).to.equal('');
+    expect(value).to.equal('');
     expect(autocompleteWrapper.state('isOpen')).to.be.false;
 
   });
 
-  it('should update input value from selected menu item and close the menu', () => {
+  it('should invoke `onSelect` with the selected menu item and close the menu', () => {
+    let value = 'Ar';
     autocompleteWrapper.setState({'isOpen': true});
     autocompleteInputWrapper.simulate('focus');
-    autocompleteInputWrapper.simulate('change', { target: { value: 'Ar' } });
+    autocompleteWrapper.setProps({ value, onSelect(v) { value = v; } });
 
     // simulate keyUp of last key, triggering autocomplete suggestion + selection of the suggestion in the menu
     autocompleteInputWrapper.simulate('keyUp', { key : 'r', keyCode: 82, which: 82 }); 
 
     // Hit enter, updating state.value with the selected Autocomplete suggestion
     autocompleteInputWrapper.simulate('keyDown', { key : 'Enter', keyCode: 13, which: 13 });
-    expect(autocompleteWrapper.state('value')).to.equal('Arizona');
+    expect(value).to.equal('Arizona');
     expect(autocompleteWrapper.state('isOpen')).to.be.false;
 
   });
@@ -238,7 +239,7 @@ describe('Autocomplete#renderMenu', () => {
 
   it('should return a menu ReactComponent with a subset of children when partial match text has been entered', () => {
     // Input 'Ar' should result in 6 items in the menu, populated from autocomplete.
-    autocompleteInputWrapper.simulate('change', { target: { value: 'Ar' } });
+    autocompleteWrapper.setProps({ value: 'Ar' });
 
     var autocompleteMenu = autocompleteWrapper.instance().renderMenu();
     expect(autocompleteMenu.props.children.length).to.be.equal(6);