Expose onBlur callback for address fields (#426)

everydayhero · Dec 11, 2016 · 7e96c7d · 7e96c7d
1 parent 8bb3674
commit 7e96c7d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/forms/AddressFieldset/__tests__/AddressFieldset-test.js b/forms/AddressFieldset/__tests__/AddressFieldset-test.js
@@ -1,5 +1,6 @@
 'use strict'
 
+import { mount } from 'enzyme'
 import AddressFieldset from '../'
 let fakeAddress = {
   street_address: '123 Fakerton Drive',
@@ -34,4 +35,18 @@ describe('AddressFieldset', () => {
       })
     })
   })
+
+  it('calls an onBlur callback when a given field is blurred', () => {
+    const onBlurSpy = sinon.spy()
+    const wrapper = mount(
+      <AddressFieldset
+        address={fakeAddress}
+        onBlur={onBlurSpy} />
+    )
+    const streetInput = wrapper.find('#street_address')
+    streetInput.simulate('blur')
+
+    expect(onBlurSpy).to.have.been.calledOnce
+    expect(onBlurSpy).to.have.been.calledWith('street_address', '123 Fakerton Drive')
+  })
 })
diff --git a/forms/AddressFieldset/index.js b/forms/AddressFieldset/index.js
@@ -46,7 +46,8 @@ export default React.createClass({
       validations: {},
       onCountrySelect: () => {},
       onChange: () => {},
-      onError: () => {}
+      onError: () => {},
+      onBlur: null
     }
   },
 

diff --git a/mixins/formControl.js b/mixins/formControl.js
@@ -24,7 +24,8 @@ export default {
     return {
       onChange: this.onFieldChange(name),
       onUnmount: this.onFieldUnmount(name),
-      onError: this.onFieldError(name)
+      onError: this.onFieldError(name),
+      onBlur: this.props.onBlur && this.props.onBlur.bind(null, name)
     }
   },