Merge pull request #1541 from LiskHQ/1538-migrate-integration-wallet]

Migrate integration tests of wallet - Closes #1538

package.json

@@ -123,7 +123,7 @@
     "cpx": "=1.5.0",
     "css-hot-loader": "=1.3.1",
     "css-loader": "0.28.7",
-    "cypress": "3.1.2",
+    "cypress": "3.1.3",
     "del-cli": "1.1.0",
     "electron": "1.8.8",
     "electron-builder": "19.32.2",

src/components/receive/receiveConfirmation.js

@@ -72,7 +72,9 @@ class ReceiveConfirmation extends React.Component {
               onReferenceChange={value => this.onInputChange(value, 'reference', false)}
               reference={this.state.reference}
             />
-            <a href={text}>
+            <a
+              href={text}
+              className={'email-link'} >
               {this.props.t('Send request via E-mail')}
               <FontIcon value='external-link'/>
             </a>
@@ -98,7 +100,7 @@ class ReceiveConfirmation extends React.Component {
           </div>
           <div className={`${grid['col-xs-5']} ${grid['col-sm-5']} ${grid['col-md-4']} ${grid['col-lg-3']}`}>
             <ActionButton
-              className={'next'}
+              className={'okay-button'}
               disabled={this.isFormComplete()}
               onClick={() => this.props.goToTransationPage()}
               >

src/components/receive/receiveConfirmation.test.js

@@ -108,7 +108,7 @@ describe('ReceiveConfirmation', () => {
     wrapper.update();
     wrapper.find('.amount input').simulate('change', { target: { value: '1' } });
     wrapper.update();
-    wrapper.find('.next').at(0).simulate('click');
+    wrapper.find('.okay-button').at(0).simulate('click');
     wrapper.update();
     expect(props.goToTransationPage).to.have.been.calledWith();
   });

src/components/receive/receiveDescription.js

@@ -32,7 +32,9 @@ const ReceiveDescription = (props) => {
           <p>
             {props.t('This is your Lisk ID shown as a QR code. You can scan it with our Lisk Mobileapp available on Google Play & the AppStore or any QR code reader.')}
           </p>
-          <a href={text}>
+          <a
+            href={text}
+            className={'email-link'} >
             {props.t('Send request via E-mail')}
             <FontIcon value='external-link'/>
           </a>
@@ -50,7 +52,7 @@ const ReceiveDescription = (props) => {
 
         <div className={`${grid['col-xs-5']} ${grid['col-sm-5']} ${grid['col-md-4']} ${grid['col-lg-3']}`}>
           <ActionButton
-            className={'next'}
+            className={'specify-request'}
             onClick={() => props.nextStep({ address: props.address, status: 'foward' })}
             >
             {props.t('Request specific amount')}