fix: add name prop to onChange dropdown props

Author: felixmosh

src/FormsyDropdown.tsx

@@ -51,7 +51,7 @@ class FormsyDropdown extends Component<IFormsyDropdownProps> {
     e: React.SyntheticEvent<HTMLElement>,
     data: StrictDropdownProps & { value: FormsyDropdownValue }
   ) => {
-    const { multiple, value, setValue, onChange } = this.props;
+    const { multiple, value, setValue, onChange, name } = this.props;
 
     if (
       multiple &&
@@ -65,7 +65,7 @@ class FormsyDropdown extends Component<IFormsyDropdownProps> {
     setValue(data.value);
 
     if (onChange) {
-      onChange(e, data);
+      onChange(e, { ...data, name });
     }
   };
 

test/FormsyDropdown.spec.tsx

@@ -19,7 +19,7 @@ const options = [
   { text: 'Socks', value: 'socks' },
 ];
 
-const TestForm = () => (
+const TestForm = ({ onChange }: { onChange: any }) => (
   <Form>
     <FormsyDropdown
       label={<span data-testid="label">Clothing</span>}
@@ -30,15 +30,18 @@ const TestForm = () => (
       validationErrors={{
         isDefaultRequiredValue: validationError,
       }}
+      onChange={onChange}
     />
   </Form>
 );
 
 describe('<Dropdown/>', () => {
   let wrapper: RenderResult;
+  let onChangeSpy: jest.Mock;
 
   beforeEach(() => {
-    wrapper = render(<TestForm />);
+    onChangeSpy = jest.fn();
+    wrapper = render(<TestForm onChange={onChangeSpy} />);
   });
 
   const submitForm = () => {
@@ -61,6 +64,14 @@ describe('<Dropdown/>', () => {
     });
   });
 
+  it('should add `name` prop to onChange dropdown props', () => {
+    selectOptionAt(1);
+    expect(onChangeSpy).toHaveBeenCalledWith(
+      expect.anything(),
+      expect.objectContaining({ name: 'testInput', value: options[1].value })
+    );
+  });
+
   describe('When value is invalid', () => {
     it("Doesn't show any errors initially", () => {
       expect(wrapper.queryByTestId('error-label')).not.toBeInTheDocument();