react-numeric-input/__tests__/typing.test.jsx

Number input component that can replace the native number input which is not yet very well supported and where it is, it does not have the same appearance across the browsers. Additionally this component offers more flexible options and can be used for an

/* global describe, it */
import expect       from 'expect'
import NumericInput from '../src/NumericInput.jsx'
import React        from 'react'
import TestUtils    from 'react-dom/test-utils'

// const KEYCODE_UP = 38;
// const KEYCODE_DOWN = 40;

describe ('NumericInput/misc', function() {

    this.timeout(10000);

    it ("typing and formatting", done => {
        const tests = [
            {
                from: {
                    value: "",
                    selectionStart: 0,
                    selectionEnd: 0,
                    precision: 2
                },
                keys: [1],
                to: {
                    value: "1.00",
                    selectionStart: 1,
                    selectionEnd: 1
                }
            }
        ];

        Promise.all(tests.map(test => (new Promise((resolve, reject) => {
            let { selectionStart, selectionEnd, ...props } = test.from;
            let widget = TestUtils.renderIntoDocument(<NumericInput {...props}/>);
            let input = widget.refsInput;

            try {
                expect(input.value).toEqual(props.value);
            }
            catch (ex) {
                return reject(ex)
            }
            if (test.keys) {
                test.keys.forEach(key => {
                    input.value = test.to.value
                    // TestUtils.Simulate.focus(input);
                    // TestUtils.Simulate.keyDown(input, { keyCode: key });
                    // TestUtils.Simulate.keyUp(input, { keyCode: key, target: { value: "1.00" } });
                    TestUtils.Simulate.input(input, { keyCode: key, target: { value: "1.00" } });
                });
                setTimeout(() => {
                    try {
                        expect(input.value).toEqual(test.to.value);
                        resolve();
                    } catch (ex) {
                        reject(ex);
                    }
                }, 300);
            }
            else {
                resolve()
            }
        })))).then(() => done(), done);
    });
});