deps and used jest for testing

Author: seeden

.eslintrc

@@ -1,6 +1,9 @@
 {
   "extends": "airbnb",
   "parser": "babel-eslint",
-  "rules": {
+  "globals": {
+    "it": true,
+    "expect": true,
+    "describe": true
   }
 }

.travis.yml

@@ -3,13 +3,11 @@ node_js:
     - iojs
     - "4"
     - "5"
+    - "6"
 script: npm test
 notifications:
     email:
         recipients:
-            - zlatkofedor@cherrysro.com
+            - zlatkofedor@cherryprojects.com
         on_success: change
         on_failure: always
-
-after_script:
- - ./node_modules/.bin/babel-node ./node_modules/.bin/gulp coveralls

__tests__/Array.jsx

@@ -0,0 +1,79 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Form from '../src';
+
+describe('Up', () => {
+  it('should be able to move item in array', (done) => {
+    const value = {
+      items: [1, 2, 3],
+    };
+
+    function onChange(state) {
+      expect(state.items).toEqual([1, 3, 2]);
+      done();
+    }
+
+    const wrapper = mount((
+      <Form value={value} onChange={onChange}>
+        <fieldset name="items">
+          <input name="." />
+          <button type="button" up>Up</button>
+        </fieldset>
+      </Form>
+   ));
+
+    expect(wrapper.find('input').first().props().value).toBe(1);
+
+    wrapper.find('button').last().simulate('click');
+  });
+});
+
+describe('Down', () => {
+  it('should be able to move item in array', (done) => {
+    const value = {
+      items: [1, 2, 3],
+    };
+
+    function onChange(state) {
+      expect(state.items).toEqual([2, 1, 3]);
+      done();
+    }
+
+    const wrapper = mount((
+      <Form value={value} onChange={onChange}>
+        <fieldset name="items">
+          <input name="." />
+          <button type="button" down>Down</button>
+        </fieldset>
+      </Form>
+    ));
+
+    expect(wrapper.find('input').first().props().value).toBe(1);
+
+    wrapper.find('button').first().simulate('click');
+  });
+});
+
+describe('Remove', () => {
+  it('should be able to move item in array', (done) => {
+    const value = {
+      items: [1, 2, 3],
+    };
+
+    function onChange(state) {
+      expect(state.items).toEqual([2, 3]);
+      done();
+    }
+
+    const wrapper = mount((
+      <Form value={value} onChange={onChange}>
+        <fieldset name="items">
+          <input name="." />
+          <button type="button" remove>Remove</button>
+        </fieldset>
+      </Form>
+   ));
+
+    wrapper.find('button').first().simulate('click');
+  });
+});

__tests__/ErrorAlert.jsx

@@ -0,0 +1,84 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Form, {
+  ErrorAlert,
+} from '../src';
+
+describe('ErrorAlert', () => {
+  it('should be able to create simple instance', (done) => {
+    const value = {
+      firstName: 'Zlatko',
+    };
+
+    const schema = {
+      type: 'object',
+      properties: {
+        firstName: {
+          type: 'string',
+        },
+      },
+      required: ['firstName'],
+    };
+
+    function onSubmit(state) {
+      expect(state.firstName).toBe('Zlatko');
+      done();
+    }
+
+    const wrapper = mount((
+      <Form value={value} schema={schema} onSubmit={onSubmit}>
+        <input name="firstName" />
+        <ErrorAlert name="firstName" />
+        <button type="submit">Submit</button>
+      </Form>
+    ));
+
+    expect(wrapper.find('form').length).toBe(1);
+    wrapper.find('[type="submit"]').get(0).click();
+  });
+
+  it('should be able to create simple error instance', (done) => {
+    const value = {
+      firstName: undefined,
+    };
+
+    const schema = {
+      type: 'object',
+      properties: {
+        firstName: {
+          type: 'string',
+        },
+      },
+      required: ['firstName'],
+    };
+
+    function onError(errors) {
+      expect(errors.length).toBe(1);
+    }
+
+    function onSubmit() {
+      throw new Error('On submit was called');
+    }
+
+    const wrapper = mount((
+      <Form
+        value={value}
+        schema={schema}
+        onSubmit={onSubmit}
+        onError={onError}
+      >
+        <input name="firstName" />
+        <ErrorAlert name="firstName" />
+        <button type="submit">Submit</button>
+      </Form>
+    ));
+
+    expect(wrapper.find('form').length).toBe(1);
+    wrapper.find('[type="submit"]').get(0).click();
+
+    setTimeout(() => {
+      expect(wrapper.find('.alert').text()).toBe('should have required property \'firstName\'');
+      done();
+    }, 0);
+  });
+});