Merge pull request #636 from Adslot/alert-input-onfocus-prop

New: AlertInput onFocus prop addition
Adslot · Oct 18, 2017 · a7a2977 · a7a2977
2 parents 1fd0ae2 + 7580eb1
commit a7a2977
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/docs/examples/AlertInputExample.jsx b/docs/examples/AlertInputExample.jsx
@@ -106,6 +106,9 @@ const exampleProps = {
     }, {
       propType: 'onBlur',
       type: 'func',
+    }, {
+      propType: 'onFocus',
+      type: 'func',
     }, {
       propType: 'type',
       type: "oneOf: 'text', 'number'",

diff --git a/src/components/adslot-ui/AlertInput/index.jsx b/src/components/adslot-ui/AlertInput/index.jsx
@@ -46,6 +46,10 @@ export default class AlertInput extends Component {
       isFocused: true,
       isPopoverVisible: Boolean(this.props.alertMessage),
     });
+
+    if (this.props.onFocus) {
+      this.props.onFocus(event);
+    }
   }
 
   handleInputBlur(event) {
@@ -127,6 +131,7 @@ AlertInput.propTypes = {
   alertMessage: PropTypes.string,
   onValueChange: PropTypes.func,
   onBlur: PropTypes.func,
+  onFocus: PropTypes.func,
 };
 
 AlertInput.defaultProps = {

diff --git a/src/components/adslot-ui/AlertInput/index.spec.jsx b/src/components/adslot-ui/AlertInput/index.spec.jsx
@@ -70,6 +70,26 @@ describe('AlertInput', () => {
       });
       expect(focusEvent.target.select.callCount).to.equal(1);
     });
+
+    it('should call prop `onFocus` if exists', () => {
+      const onFocusSpy = sinon.spy();
+      const focusEvent = {
+        target: {
+          select: sinon.spy(),
+        },
+      };
+      const component = shallow(<AlertInput onFocus={onFocusSpy} />);
+      const inputElement = component.find('.alert-input-component-input');
+
+      inputElement.simulate('focus', focusEvent);
+
+      expect(component.state()).to.eql({
+        isFocused: true,
+        isPopoverVisible: false,
+      });
+      expect(focusEvent.target.select.callCount).to.equal(1);
+      expect(onFocusSpy.callCount).to.equal(1);
+    });
   });
 
   describe('handleInputBlur ()', () => {