Fixed a wrong usage of arrow function

src/components/authenticate/authenticate.js

@@ -47,7 +47,7 @@ class Authenticate extends React.Component {
         <AuthInputs
           passphrase={this.state.passphrase}
           secondPassphrase={this.state.secondPassphrase}
-          onChange={handleChange.bind(this, this)} />
+          onChange={handleChange.bind(this)} />
 
         <ActionBar
           secondaryButton={{

src/components/registerDelegate/registerDelegate.js

@@ -46,13 +46,13 @@ class RegisterDelegate extends React.Component {
           <Input label={this.props.t('Delegate name')} required={true}
             autoFocus={true}
             className='username'
-            onChange={handleChange.bind(this, this, 'name')}
+            onChange={handleChange.bind(this, 'name')}
             error={this.state.name.error}
             value={this.state.name.value} />
           <AuthInputs
             passphrase={this.state.passphrase}
             secondPassphrase={this.state.secondPassphrase}
-            onChange={handleChange.bind(this, this)} />
+            onChange={handleChange.bind(this)} />
           <hr/>
           <InfoParagraph>
             {this.props.t('Becoming a delegate requires registration. You may choose your own delegate name, which can be used to promote your delegate. Only the top 101 delegates are eligible to forge. All fees are shared equally between the top 101 delegates.')}

src/components/secondPassphrase/secondPassphrase.test.js

@@ -24,38 +24,57 @@ describe('SecondPassphrase', () => {
       i18n: PropTypes.object.isRequired,
     },
   };
-  const prop = {
-    account,
-    peers,
-    registerSecondPassphrase: spy(),
-    t: key => key,
-  };
+  const passphrase = 'wagon stock borrow episode laundry kitten salute link globe zero feed marble';
 
-  beforeEach(() => {
-    wrapper = mount(<SecondPassphrase {...prop} />, options);
-  });
+  describe('Authenticated', () => {
+    const prop = {
+      account,
+      passphrase,
+      peers,
+      registerSecondPassphrase: spy(),
+      t: key => key,
+    };
 
-  it('renders Passphrase component', () => {
-    expect(wrapper.find('Passphrase')).to.have.length(1);
-  });
+    beforeEach(() => {
+      wrapper = mount(<SecondPassphrase {...prop} />, options);
+    });
 
-  it('should mount SecondPassphrase with appropriate properties', () => {
-    const props = wrapper.find('Passphrase').props();
-    expect(props.securityNote).to.be.equal('Losing access to this passphrase will mean no funds can be sent from this account.');
-    expect(props.useCaseNote).to.be.equal('your second passphrase will be required for all transactions sent from this account');
-    expect(props.confirmButton).to.be.equal('Register');
-    expect(props.fee).to.be.equal(Fees.setSecondPassphrase);
-    expect(props.keepModal).to.be.equal(true);
-    expect(typeof props.onPassGenerated).to.be.equal('function');
+    it('renders Passphrase component', () => {
+      expect(wrapper.find('Passphrase')).to.have.length(1);
+    });
+
+    it('should mount SecondPassphrase with appropriate properties', () => {
+      const props = wrapper.find('Passphrase').props();
+      expect(props.securityNote).to.be.equal('Losing access to this passphrase will mean no funds can be sent from this account.');
+      expect(props.useCaseNote).to.be.equal('your second passphrase will be required for all transactions sent from this account');
+      expect(props.confirmButton).to.be.equal('Register');
+      expect(props.fee).to.be.equal(Fees.setSecondPassphrase);
+      expect(props.keepModal).to.be.equal(true);
+      expect(typeof props.onPassGenerated).to.be.equal('function');
+    });
+
+    it('should call registerSecondPassphrase if props.onPassGenerated is called', () => {
+      const props = wrapper.find('Passphrase').props();
+      props.onPassGenerated('sample passphrase');
+      expect(prop.registerSecondPassphrase).to.have.been.calledWith({
+        activePeer: peers.data,
+        secondPassphrase: 'sample passphrase',
+        account,
+      });
+    });
   });
 
-  it('should call registerSecondPassphrase if props.onPassGenerated is called', () => {
-    const props = wrapper.find('Passphrase').props();
-    props.onPassGenerated('sample passphrase');
-    expect(prop.registerSecondPassphrase).to.have.been.calledWith({
-      activePeer: peers.data,
-      secondPassphrase: 'sample passphrase',
-      account,
+  describe('Not authenticated', () => {
+    it('Should mount an Authenticate component is no passphrase provided', () => {
+      const prop = {
+        account,
+        peers,
+        registerSecondPassphrase: spy(),
+        t: key => key,
+      };
+
+      wrapper = mount(<SecondPassphrase {...prop} />, options);
+      expect(wrapper.find('Authenticate')).to.have.length(1);
     });
   });
 });

src/utils/form.js

@@ -15,8 +15,8 @@ export const authStateIsValid = state => (
   state.secondPassphrase.value !== ''
 );
 
-export const handleChange = (component, name, value, error) => {
-  component.setState({
+export const handleChange = function (name, value, error) {
+  this.setState({
     [name]: {
       value,
       error: typeof error === 'string' ? error : undefined,