Add test.

elastic · Mar 9, 2018 · 4e67ba2 · 4e67ba2
1 parent f21d167
commit 4e67ba2
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 5 deletions.
diff --git a/src/components/search_bar/__snapshots__/search_bar.test.js.snap b/src/components/search_bar/__snapshots__/search_bar.test.js.snap
@@ -153,3 +153,43 @@ exports[`SearchBar render - provided query, filters 1`] = `
   </EuiFlexItem>
 </EuiFlexGroup>
 `;
+
+exports[`SearchBar render - tools 1`] = `
+<EuiFlexGroup
+  alignItems="center"
+  component="div"
+  gutterSize="m"
+  justifyContent="flexStart"
+  responsive={true}
+  wrap={false}
+>
+  <EuiFlexItem
+    component="div"
+    grow={false}
+  >
+    <div>
+      Left
+    </div>
+  </EuiFlexItem>
+  <EuiFlexItem
+    component="div"
+    grow={true}
+  >
+    <EuiSearchBox
+      incremental={false}
+      isInvalid={false}
+      onSearch={[Function]}
+      placeholder="Search..."
+      query=""
+    />
+  </EuiFlexItem>
+  <EuiFlexItem
+    component="div"
+    grow={false}
+  >
+    <div>
+      Right
+    </div>
+  </EuiFlexItem>
+</EuiFlexGroup>
+`;
diff --git a/src/components/search_bar/search_bar.test.js b/src/components/search_bar/search_bar.test.js
@@ -4,9 +4,7 @@ import { shallow } from 'enzyme';
 import { EuiSearchBar } from './search_bar';
 
 describe('SearchBar', () => {
-
   test('render - no config, no query', () => {
-
     const props = {
       ...requiredProps,
       onChange: () => {}
@@ -17,11 +15,24 @@ describe('SearchBar', () => {
     );
 
     expect(component).toMatchSnapshot();
+  });
+
+  test('render - tools', () => {
+    const props = {
+      ...requiredProps,
+      onChange: () => {},
+      toolsLeft: <div>Left</div>,
+      toolsRight: <div>Right</div>,
+    };
 
+    const component = shallow(
+      <EuiSearchBar {...props} />
+    );
+
+    expect(component).toMatchSnapshot();
   });
 
   test('render - no query, custom box placeholder and incremental', () => {
-
     const props = {
       ...requiredProps,
       config: {
@@ -41,7 +52,6 @@ describe('SearchBar', () => {
   });
 
   test('render - provided query, filters', () => {
-
     const props = {
       ...requiredProps,
       filters: [
@@ -67,5 +77,4 @@ describe('SearchBar', () => {
 
     expect(component).toMatchSnapshot();
   });
-
 });