Stop using string refs

ritz078 · Mar 30, 2018 · 6501ec5 · 6501ec5
1 parent e25f7af
commit 6501ec5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/src/index.js b/src/index.js
@@ -217,7 +217,6 @@ export default class FuzzySearch extends Component {
             type="text"
             style={styles.searchBoxStyle}
             onChange={this.handleChange}
-            ref="searchBox"
             placeholder={placeholder}
             autoFocus={autoFocus}
             value={this.state.selectedValue && this.state.selectedValue.title}

diff --git a/src/tests/index.js b/src/tests/index.js
@@ -36,7 +36,7 @@ describe('<FuzzySearch />', () => {
         placeholder="testing"
       />,
     );
-    const placeholder = wrapper.ref('searchBox').prop('placeholder');
+    const placeholder = wrapper.find('input').prop('placeholder');
     expect(placeholder).to.equal('testing');
   });
 
@@ -46,7 +46,7 @@ describe('<FuzzySearch />', () => {
       <FuzzySearch onSelect={onSelect} keys={['author', 'title']} list={list} />,
     );
 
-    const input = wrapper.ref('searchBox');
+    const input = wrapper.find('input');
     expect(wrapper.state('results').length).to.equal(0);
 
     input.simulate('change', {
@@ -64,7 +64,7 @@ describe('<FuzzySearch />', () => {
       <FuzzySearch list={list} onSelect={onChange} keys={['author', 'title']} id="id" />,
     );
 
-    const input = wrapper.ref('searchBox');
+    const input = wrapper.find('input');
     input.simulate('change', {
       target: {
         value: 't',
@@ -80,7 +80,7 @@ describe('<FuzzySearch />', () => {
       <FuzzySearch list={list} onSelect={onChange} keys={['author', 'title']} />,
     );
 
-    const input = wrapper.ref('searchBox');
+    const input = wrapper.find('input');
     input.simulate('change', {
       target: {
         value: 't',
@@ -109,7 +109,7 @@ describe('<FuzzySearch />', () => {
       />,
     );
 
-    const input = wrapper.ref('searchBox');
+    const input = wrapper.find('input');
     input.simulate('change', {
       target: {
         value: 't',