feat(searchbar): if query is set, use it as default value

#809
searchkit · Dec 13, 2020 · b7543aa · b7543aa
1 parent 9f474ff
commit b7543aa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/packages/searchkit-elastic-ui/src/SearchBar/__tests__/index.test.tsx b/packages/searchkit-elastic-ui/src/SearchBar/__tests__/index.test.tsx
@@ -45,4 +45,14 @@ describe('SearchBar', () => {
       sortBy: null
     })
   })
+
+  it('api has a query in state', async () => {
+    const mockApi: SearchkitClient = SearchkitClient as any
+    const searchCall = jest.fn()
+    mockApi.setCallbackFn(searchCall)
+    mockApi.setQuery('heat')
+    render(<SearchBar loading={false} />)
+    expect(screen.getByLabelText('Search')).toBeVisible()
+    expect(screen.getByLabelText('Search')).toHaveDisplayValue('heat')
+  })
 })
diff --git a/packages/searchkit-elastic-ui/src/SearchBar/index.tsx b/packages/searchkit-elastic-ui/src/SearchBar/index.tsx
@@ -4,7 +4,7 @@ import React, { useState } from 'react'
 
 export const SearchBar = ({ loading }) => {
   const api = useSearchkit()
-  const [value, setValue] = useState('')
+  const [value, setValue] = useState(api.getQuery())
 
   return (
     <EuiFieldSearch