Fix SearchField to call onKeyDown (#2617)

* chain onKeyDown prop

* add test for onKeyDown

Co-authored-by: Daniel Lu <[email protected]>

Author: reidbarber

packages/@react-aria/searchfield/src/useSearchField.ts

@@ -12,6 +12,7 @@
 
 import {AriaButtonProps} from '@react-types/button';
 import {AriaSearchFieldProps} from '@react-types/searchfield';
+import {chain} from '@react-aria/utils';
 import {HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, RefObject} from 'react';
 // @ts-ignore
 import intlMessages from '../intl/*.json';
@@ -92,7 +93,7 @@ export function useSearchField(
     ...props,
     value: state.value,
     onChange: state.setValue,
-    onKeyDown,
+    onKeyDown: chain(onKeyDown, props.onKeyDown),
     type
   }, inputRef);
 

packages/@react-aria/searchfield/test/useSearchField.test.js

@@ -54,6 +54,7 @@ describe('useSearchField hook', () => {
       let preventDefault = jest.fn();
       let stopPropagation = jest.fn();
       let onSubmit = jest.fn();
+      let onKeyDown = jest.fn();
       let event = (key) => ({
         key,
         preventDefault,
@@ -97,6 +98,12 @@ describe('useSearchField hook', () => {
         let {inputProps} = renderSearchHook({onClear, onSubmit, defaultValue: 'ABC'});
         expect(inputProps.defaultValue).not.toBeDefined();
       });
+
+      it('onKeyDown prop is called', () => {
+        let {inputProps} = renderSearchHook({onKeyDown});
+        inputProps.onKeyDown(event('Enter'));
+        expect(onKeyDown).toHaveBeenCalledTimes(1);
+      });
     });
   });