Merge backend and frontend repo master branches

Conflicts:
	.gitignore
	.travis.yml
	README.md

1 files changed, 178 insertions, 0 deletions

diff --git a/test/components/AccountInput.spec.js b/test/components/AccountInput.spec.js
new file mode 100644
index 0000000000..ee73323950
--- /dev/null
+++ b/test/components/AccountInput.spec.js
@@ -0,0 +1,178 @@
+// @flow
+import { expect } from 'chai';
+import { createKeyEvent } from '../helpers/dom-events';
+import React from 'react';
+import ReactTestUtils, { Simulate } from 'react-dom/test-utils';
+import AccountInput from '../../app/components/AccountInput';
+
+import type { AccountInputProps } from '../../app/components/AccountInput';
+
+describe('components/AccountInput', () => {
+  const getInputRef = (component: AccountInput): HTMLInputElement => {
+    return ReactTestUtils.findRenderedDOMComponentWithTag(component, 'input');
+  };
+
+  const render = (mergeProps: $Shape<AccountInputProps>) => {
+    const defaultProps: AccountInputProps = {
+      value: '',
+      onEnter: null,
+      onChange: null
+    };
+    const props = Object.assign({}, defaultProps, mergeProps);
+    return ReactTestUtils.renderIntoDocument(
+      <AccountInput { ...props } />
+    );
+  };
+
+  it('should call onEnter', (done) => {
+    const component = render({
+      onEnter: () => done()
+    });
+    Simulate.keyUp(getInputRef(component), createKeyEvent('Enter'));
+  });
+
+  it('should call onChange', (done) => {
+    const component = render({
+      onChange: (val) => {
+        expect(val).to.be.equal('1');
+        done();
+      }
+    });
+    Simulate.keyDown(getInputRef(component), createKeyEvent('1'));
+  });
+
+  it('should format input properly', () => {
+    const cases = [
+      '1111111111111',
+      '1111 1111 1111',
+      '1111 1111 111',
+      '1111 1111 11',
+      '1111 1111 1',
+      '1111 1111',
+      '1111 111',
+      '1111 11',
+      '1111 1',
+      '1111',
+      '111',
+      '11',
+      '1',
+      ''
+    ];
+
+    for(const value of cases) {
+      const component = render({ value });
+      expect(getInputRef(component).value).to.be.equal(value);
+    }
+  });
+
+  it('should remove last character', (done) => {
+    const component = render({
+      value: '1234',
+      onChange: (val) => {
+        expect(val).to.be.equal('123');
+        done();
+      }
+    });
+    Simulate.keyDown(getInputRef(component), createKeyEvent('Backspace'));
+  });
+
+  it('should remove first character', (done) => {
+    const component = render({
+      value: '1234',
+      onChange: (val) => {
+        expect(val).to.be.equal('234');
+        done();
+      }
+    });
+    component.setState({ selectionRange: [1, 1] }, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('Backspace'));
+    });
+  });
+
+  it('should remove all characters', (done) => {
+    const component = render({
+      value: '12345678',
+      onChange: (val) => {
+        expect(val).to.be.empty;
+        done();
+      }
+    });
+    component.setState({ selectionRange: [0, 8] }, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('Backspace'));
+    });
+  });
+
+  it('should remove selection', (done) => {
+    const component = render({
+      value: '1234 5678 9999',
+      onChange: (val) => {
+        expect(val).to.be.equal('12349999');
+        done();
+      }
+    });
+    component.setState({ selectionRange: [4, 8] }, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('Backspace'));
+    });
+  });
+
+  it('should replace selection', (done) => {
+    const component = render({
+      value: '0000'
+    });
+
+    component.setState({ selectionRange: [1, 3] }, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('1'));
+
+      component.setState({}, () => {
+        expect(component.state.value).to.be.equal('010');
+        expect(component.state.selectionRange).to.deep.equal([2, 2]);
+        done();
+      });
+    });
+  });
+
+  it('should keep selection in the back', (done) => {
+    const component = render({ value: '' });
+
+    for(let i = 0; i < 12; i++) {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('1'));
+    }
+
+    component.setState({}, () => {
+      expect(component.state.value).to.be.equal('111111111111');
+      expect(component.state.selectionRange).to.deep.equal([12, 12]);
+      done();
+    });
+  });
+
+  it('should advance selection on insertion', (done) => {
+    const component = render({
+      value: '0000'
+    });
+    component.setState({ selectionRange: [1, 1]}, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('1'));
+
+      component.setState({}, () => {
+        expect(component.state.value).to.be.equal('01000');
+        expect(component.state.selectionRange).to.deep.equal([2, 2]);
+        done();
+      });
+    });
+  });
+
+  it('should not do anything when nothing to remove', (done) => {
+    const component = render({
+      value: '0000'
+    });
+    component.setState({ selectionRange: [0, 0] }, () => {
+      Simulate.keyDown(getInputRef(component), createKeyEvent('Backspace'));
+
+      component.setState({}, () => {
+        expect(component.state.value).to.be.equal('0000');
+        expect(component.state.selectionRange).to.deep.equal([0, 0]);
+        done();
+      });
+    });
+  });
+
+});
\ No newline at end of file