update test scripts

Author: peakchen90

test/e2e/specs/model.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import { createInputNode } from '../util';
 
 class Demo1 extends React.Component {
   constructor(props) {
@@ -62,30 +63,30 @@ function Demo4({ fn, extraProps }) {
 }
 
 describe('directive: model', () => {
-  test('in class', () => {
+  test('use in class: x-model', () => {
     const wrapper = mount(<Demo1/>);
-    wrapper.find('input').simulate('change', { target: { value: 'new value' } });
+    wrapper.find('input').simulate('change', createInputNode('new value'));
     expect(wrapper.find('.text').text()).toBe('new value');
     expect(wrapper.find('.extra').text()).toBe('B');
   });
 
-  test('use hook', () => {
+  test('use in hook: x-model-hook', () => {
     const wrapper = mount(<Demo2/>);
-    wrapper.find('input').simulate('change', { target: { value: 'new value' } });
+    wrapper.find('input').simulate('change', createInputNode('new value'));
     expect(wrapper.find('.text').text()).toBe('new value');
     expect(wrapper.find('.extra').text()).toBe('foo');
   });
 
   test('custom onChange event', () => {
     const wrapper = mount(<Demo3/>);
-    wrapper.find('input').simulate('change', { target: { value: 'custom value' } });
+    wrapper.find('input').simulate('change', createInputNode('custom value'));
     expect(wrapper.find('.text').text()).toBe('custom value');
   });
 
   test('merge onChange', () => {
     const fn = jest.fn();
     const wrapper = mount(<Demo4 fn={fn}/>);
-    wrapper.find('input').simulate('change', { target: { value: 'custom value' } });
+    wrapper.find('input').simulate('change', createInputNode('custom value'));
     expect(wrapper.find('.text').text()).toBe('custom value');
     expect(fn.mock.calls.length).toBe(1);
     expect(fn.mock.calls[0][0].target.value).toBe('custom value');
@@ -98,7 +99,7 @@ describe('directive: model', () => {
       onChange: fn2
     };
     const wrapper = mount(<Demo4 fn={fn} extraProps={extraProps}/>);
-    wrapper.find('input').simulate('change', { target: { value: 'custom value' } });
+    wrapper.find('input').simulate('change', createInputNode('custom value'));
     expect(wrapper.find('.text').text()).toBe('custom value');
     expect(fn.mock.calls.length).toBe(0);
     expect(fn2.mock.calls.length).toBe(1);

test/e2e/specs/todo.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { mount } from 'enzyme';
+import { createInputNode } from '../util';
 
 class Todo extends React.Component {
   constructor(props) {
@@ -55,23 +56,23 @@ describe('Todo Component', () => {
   const wrapper = mount(<Todo/>);
 
   test('add todo', () => {
-    wrapper.find('.input').simulate('change', { target: { value: 'First Todo' } });
+    wrapper.find('.input').simulate('change', createInputNode('First Todo'));
     wrapper.find('.add').simulate('click');
     expect(wrapper.find('.todo-item .todo-text').at(0).text()).toBe('First Todo');
     expect(wrapper.find('.clear').prop('style').display).toBe(undefined);
   });
 
   test('search todo', () => {
-    wrapper.find('.input').simulate('change', { target: { value: 'Second Todo' } });
+    wrapper.find('.input').simulate('change', createInputNode('Second Todo'));
     wrapper.find('.add').simulate('click');
 
-    wrapper.find('.input').simulate('change', { target: { value: 'First' } });
+    wrapper.find('.input').simulate('change', createInputNode('First'));
     expect(wrapper.find('.todo-item .todo-text').length).toBe(1);
     expect(wrapper.find('.todo-item .todo-text').at(0).text()).toBe('First Todo');
   });
 
   test('clear todo', () => {
-    wrapper.find('.input').simulate('change', { target: { value: '' } });
+    wrapper.find('.input').simulate('change', createInputNode(''));
     expect(wrapper.find('.todo-item .todo-text').length).toBe(2);
 
     wrapper.find('.todo-item .remove').at(0).simulate('click');

test/e2e/util.js

@@ -8,3 +8,17 @@ export function sleep(ms) {
     setTimeout(resolve, ms);
   });
 }
+
+/**
+ * 创建类Input Node节点对象
+ * @param value
+ */
+export function createInputNode(value) {
+  const node = {};
+  node.target = {
+    nodeName: 'INPUT',
+    nodeType: 1,
+    value
+  };
+  return node;
+}