add test

MinJieLiu · MinJieLiu · commit cc0ee8cc3ab9 · 2017-03-07T23:09:21.000+08:00
diff --git a/package.json b/package.json
@@ -75,6 +75,7 @@
     "express": "^4.14.0",
     "file-loader": "^0.9.0",
     "html-webpack-plugin": "^2.24.1",
+    "jsdom": "^9.11.0",
     "mocha": "^3.2.0",
     "node-sass": "^4.1.1",
     "react": "^15.4.2",
diff --git a/test/jsdom.js b/test/jsdom.js
@@ -0,0 +1,7 @@
+import jsdom from 'jsdom';
+
+if (typeof document === 'undefined') {
+  global.document = jsdom.jsdom('<!doctype html><html><body></body></html>');
+  global.window = document.defaultView;
+  global.navigator = global.window.navigator;
+}
diff --git a/test/setup.js b/test/setup.js
@@ -5,6 +5,7 @@
 import React from 'react';
 import { expect } from 'chai';
 import { shallow, render, mount } from 'enzyme';
+import './jsdom';
 import {
   TextApp1,
   TextApp2,
@@ -32,3 +33,41 @@ describe('Test to create a basic form', () => {
   });
 
 });
+
+
+describe('Test Form change validation', () => {
+  it('The form is validated correctly', () => {
+    const app = mount(
+      <TextApp2
+        classNames={{
+          static: 'form-control',
+          success: 'valid-success',
+          error: 'valid-error',
+        }}
+        values={{ email: '' }}
+      />,
+    );
+    const input = app.find('input');
+    const label = app.find('label');
+
+    expect(label.text()).to.be.empty;
+    // trigger
+    input.simulate('change');
+    expect(input.props().className).to.contains('valid-error');
+    expect(label.text()).to.equal('Can not be empty!');
+    expect(app.node.formValues.email).to.be.empty;
+    // Change
+    input.get(0).value = 'example#example.com';
+    input.simulate('change');
+    expect(label.text()).to.equal('Please enter a valid email address.');
+    expect(app.node.isAllValid).to.equal(false);
+    // Change
+    input.get(0).value = 'example@example.com';
+    input.simulate('change');
+    expect(label.text()).to.be.empty;
+    expect(input.props().className).to.contains('valid-success');
+    expect(app.node.isAllValid).to.equal(true);
+  });
+
+  // it('Initialize the parameter by function', () => {});
+});
