Add defaultValue prop to Search component (#2211)

Co-authored-by: Maria <8730830+1Maria@users.noreply.github.com>
trussworks · Nov 8, 2022 · 6ad525b · 6ad525b
1 parent f5bf2e7
commit 6ad525b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/src/components/Search/Search.test.tsx b/src/components/Search/Search.test.tsx
@@ -36,6 +36,18 @@ describe('Search component', () => {
     )
   })
 
+  it('renders a default value', () => {
+    const mockSubmit = jest.fn()
+    const defaultValue = 'Search here'
+    const { queryByTestId } = render(
+      <Search onSubmit={mockSubmit} defaultValue={defaultValue}></Search>
+    )
+    expect(queryByTestId('textInput')).toHaveAttribute(
+      'value',
+      defaultValue
+    )
+  })
+
   it('renders a label', () => {
     const mockSubmit = jest.fn()
     const { queryByLabelText } = render(

diff --git a/src/components/Search/Search.tsx b/src/components/Search/Search.tsx
@@ -62,6 +62,7 @@ export const Search = ({
         type="search"
         name={inputName}
         placeholder={placeholder}
+        defaultValue={formProps.defaultValue}
       />
       <Button type="submit">
         {!isSmall && (