Fix specs

Author: JasonStoltz

src/components/SearchBox.js

@@ -31,19 +31,20 @@ function SearchBox(props) {
           className="button searchbox__submit"
         />
       </form>
-      <div>
-        {/* Using mousedown instead of click to ensure it has higher priority than
+      {showSuggestions && suggestions.length > 1 && (
+        <div>
+          {/* Using mousedown instead of click to ensure it has higher priority than
         blur handler*/}
-        {showSuggestions &&
-          suggestions.map(suggestion => (
+          {suggestions.map(suggestion => (
             <div
               onMouseDown={() => onSelectSuggestion(suggestion)}
               key={suggestion.suggestion}
             >
               {suggestion.suggestion}
             </div>
           ))}
-      </div>
+        </div>
+      )}
     </React.Fragment>
   );
 }

src/components/__snapshots__/SearchBox.test.js.snap

@@ -1,41 +1,45 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders correctly when \`isFocused\` is false 1`] = `
-<form
-  className="searchbox"
-  onSubmit={[Function]}
->
-  <input
-    className="searchbox__text-input "
-    onChange={[Function]}
-    placeholder="Search your documents…"
-    type="text"
-    value="test"
-  />
-  <input
-    className="button searchbox__submit"
-    type="submit"
-    value="Search"
-  />
-</form>
+<Fragment>
+  <form
+    className="searchbox"
+    onSubmit={[Function]}
+  >
+    <input
+      className="searchbox__text-input "
+      onChange={[Function]}
+      placeholder="Search your documents…"
+      type="text"
+      value="test"
+    />
+    <input
+      className="button searchbox__submit"
+      type="submit"
+      value="Search"
+    />
+  </form>
+</Fragment>
 `;
 
 exports[`renders correctly when \`isFocused\` is true 1`] = `
-<form
-  className="searchbox"
-  onSubmit={[Function]}
->
-  <input
-    className="searchbox__text-input focus"
-    onChange={[Function]}
-    placeholder="Search your documents…"
-    type="text"
-    value="test"
-  />
-  <input
-    className="button searchbox__submit"
-    type="submit"
-    value="Search"
-  />
-</form>
+<Fragment>
+  <form
+    className="searchbox"
+    onSubmit={[Function]}
+  >
+    <input
+      className="searchbox__text-input focus"
+      onChange={[Function]}
+      placeholder="Search your documents…"
+      type="text"
+      value="test"
+    />
+    <input
+      className="button searchbox__submit"
+      type="submit"
+      value="Search"
+    />
+  </form>
+</Fragment>
 `;

src/containers/SearchBox.js

@@ -89,22 +89,20 @@ export class SearchBoxContainer extends Component {
     const { inputProps, querySuggestionResults } = this.props;
 
     return (
-      <React.Fragment>
-        <SearchBox
-          isFocused={isFocused}
-          onChange={this.handleChange}
-          onSelectSuggestion={this.handleSelectSuggestion}
-          onSubmit={this.handleSubmit}
-          showSuggestions={showSuggestions}
-          suggestions={querySuggestionResults}
-          value={value}
-          inputProps={{
-            onFocus: this.handleFocus,
-            onBlur: this.handleBlur,
-            ...inputProps
-          }}
-        />
-      </React.Fragment>
+      <SearchBox
+        isFocused={isFocused}
+        onChange={this.handleChange}
+        onSelectSuggestion={this.handleSelectSuggestion}
+        onSubmit={this.handleSubmit}
+        showSuggestions={showSuggestions}
+        suggestions={querySuggestionResults}
+        value={value}
+        inputProps={{
+          onFocus: this.handleFocus,
+          onBlur: this.handleBlur,
+          ...inputProps
+        }}
+      />
     );
   }
 }

src/containers/__snapshots__/SearchBox.test.js.snap

@@ -10,7 +10,9 @@ exports[`renders correctly 1`] = `
   }
   isFocused={false}
   onChange={[Function]}
+  onSelectSuggestion={[Function]}
   onSubmit={[Function]}
+  showSuggestions={false}
   value="test"
 />
 `;