增加collapse对设置index的支持，增加input部分测试

Author: 张倩

site/docs/zh-CN/collapse.md

@@ -4,6 +4,8 @@
 
 :::demo
 ```js
+
+
 render() {
   const activeName = "1";
   return (
@@ -37,28 +39,44 @@ render() {
 
 :::demo 通过 `accordion` 属性来设置是否以手风琴模式显示。
 ```js
+constructor(props) {
+  super(props)
+
+  this.state = {
+    activeName: '1'
+  }
+}
+
 render() {
-  const activeName = "1";
   return (
-    <Collapse value={activeName} accordion>
-      <Collapse.Item title="一致性 Consistency" name="1">
-        <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
-        <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
-      </Collapse.Item>
-      <Collapse.Item title="反馈 Feedback" name="2">
-        <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
-        <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
-      </Collapse.Item>
-      <Collapse.Item title="效率 Efficiency" name="3">
-        <div>简化流程：设计简洁直观的操作流程；</div>
-        <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
-        <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
-      </Collapse.Item>
-      <Collapse.Item title="可控 Controllability" name="4">
-        <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
-        <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
-      </Collapse.Item>
-    </Collapse>
+    <div>
+      <Button
+        type="primary"
+        style={{marginBottom: '15px'}}
+        onClick={() => this.setState({ activeName: '3' })}
+      >
+        打开第三个
+      </Button>
+      <Collapse value={this.state.activeName} accordion>
+        <Collapse.Item title="一致性 Consistency" name="1">
+          <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
+          <div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
+        </Collapse.Item>
+        <Collapse.Item title="反馈 Feedback" name="2">
+          <div>控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；</div>
+          <div>页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。</div>
+        </Collapse.Item>
+        <Collapse.Item title="效率 Efficiency" name="3">
+          <div>简化流程：设计简洁直观的操作流程；</div>
+          <div>清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；</div>
+          <div>帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。</div>
+        </Collapse.Item>
+        <Collapse.Item title="可控 Controllability" name="4">
+          <div>用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；</div>
+          <div>结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。</div>
+        </Collapse.Item>
+      </Collapse>
+    </div>
   )
 }
 ```

site/docs/zh-CN/input-number.md

@@ -10,7 +10,7 @@ constructor(props) {
   super(props);
 
   this.state = {
-    value: 1
+    value: 0
   }
 }
 

src/breadcrumb/__test__/Breadcrumb_test.jsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+
+import Breadcrumb from '../';
+
+describe('Breadcrumb test', () => {
+  it('basic usage', () => {
+    const w = shallow(
+      <Breadcrumb>
+        <Breadcrumb.Item>首页</Breadcrumb.Item>
+        <Breadcrumb.Item>活动管理</Breadcrumb.Item>
+      </Breadcrumb>
+    );
+    expect(w.is('.el-breadcrumb')).toBe(true);
+  });
+
+  it('test children', () => {
+    const w = mount(
+      <Breadcrumb separator="">
+        <Breadcrumb.Item>首页</Breadcrumb.Item>
+        <Breadcrumb.Item>活动管理</Breadcrumb.Item>
+        <Breadcrumb.Item>活动列表</Breadcrumb.Item>
+        <Breadcrumb.Item>活动详情</Breadcrumb.Item>
+      </Breadcrumb>
+    );
+    expect(w.find('.el-breadcrumb__item').length).toBe(4);
+  });
+
+  it('test separator', () => {
+    const w = mount(
+      <Breadcrumb separator="/">
+        <Breadcrumb.Item>首页</Breadcrumb.Item>
+        <Breadcrumb.Item>活动管理</Breadcrumb.Item>
+        <Breadcrumb.Item>活动列表</Breadcrumb.Item>
+        <Breadcrumb.Item>活动详情</Breadcrumb.Item>
+      </Breadcrumb>
+    );
+    expect(w.find('.el-breadcrumb__separator').at(0).text()).toBe('/');
+  });
+});

src/collapse/Collapse.jsx

@@ -22,6 +22,10 @@ export default class Collapse extends Component {
     };
   }
 
+  componentWillReceiveProps (nextProps: Object) {
+    this.setActiveNames(nextProps.value)
+  }
+
   setActiveNames(activeNames: string | Array<string>): void {
     activeNames = [].concat(activeNames);
     this.setState({ activeNames }, () => this.props.onChange(activeNames));

src/input/Input.jsx

@@ -6,7 +6,7 @@ import { Component, PropTypes } from '../../libs';
 import calcTextareaHeight from './calcTextareaHeight'
 
 type State = {
-  textareaStyle: null | { height: string }
+  textareaStyle: { resize: string, height?: string }
 }
 
 export default class Input extends Component {
@@ -23,7 +23,7 @@ export default class Input extends Component {
     super(props);
 
     this.state = {
-      textareaStyle: null
+      textareaStyle: { resize: props.resize }
     };
   }
 
@@ -60,7 +60,6 @@ export default class Input extends Component {
     if (onChange) {
       onChange(e.target.value);
     }
-
     this.resizeTextarea();
   }
 
@@ -89,9 +88,10 @@ export default class Input extends Component {
 
     const minRows = autosize.minRows;
     const maxRows = autosize.maxRows;
+    const textareaCalcStyle = calcTextareaHeight(this.refs.textarea, minRows, maxRows);
 
     this.setState({
-      textareaStyle: calcTextareaHeight(this.refs.textarea, minRows, maxRows)
+      textareaStyle: Object.assign({}, this.state.textareaStyle, textareaCalcStyle)
     });
   }
 
@@ -116,6 +116,7 @@ export default class Input extends Component {
       delete otherProps.defaultValue;
     }
 
+    delete otherProps.resize;
     delete otherProps.style;
     delete otherProps.autosize;
     delete otherProps.onIconClick;
@@ -178,6 +179,7 @@ Input.propTypes = {
   // type === 'textarea'
   autosize: PropTypes.oneOfType([ PropTypes.bool, PropTypes.object ]),
   rows: PropTypes.number,
+  resize: PropTypes.oneOf(['none', 'both', 'horizontal', 'vertical']),
 
   // event
   onFocus: PropTypes.func,

src/input/__test__/Input_test.jsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import sinon from 'sinon';
+
+import Input from '../';
+
+// const delay = timeout => new Promise(resolve => setTimeout(resolve, timeout));
+
+describe('Input test', () => {
+  it('create', () => {
+    const w = shallow(
+      <Input placeholder="请输入内容" />
+    );
+    // to be tested: focus/placeholder/minlength/maxlength
+    expect(w.hasClass('el-input')).toBeTruthy();
+  });
+
+  it('disabled', () => {
+    const w = mount(
+      <Input disabled />
+    );
+    expect(w.find('.el-input input').prop('disabled')).toBe(true);
+  });
+
+  it('icon', () => {
+    const cb = sinon.spy();
+    const w = mount(
+      <Input
+        icon="time"
+        placeholder="请选择日期"
+        onIconClick={cb}
+      />
+    );
+    expect(w.find('.el-icon-time').exists()).toBeTruthy();
+
+    w.find('.el-icon-time').simulate('click');
+    expect(cb.callCount).toBe(1);
+  });
+
+  it('size', () => {
+    const w = mount(
+      <Input size="large" />
+    );
+    expect(w.hasClass('el-input--large')).toBeTruthy();
+  });
+
+  it('type', () => {
+    const w = mount(
+      <Input type="textarea" />
+    );
+    expect(w.hasClass('el-textarea')).toBeTruthy();
+  });
+
+  it('rows', () => {
+    const w = mount(
+      <Input type="textarea" rows={3} />
+    );
+    expect(w.find('.el-textarea__inner').prop('rows')).toBe(3);
+  });
+
+  it('resize', () => {
+    const w = mount(
+      <Input type="textarea" resize="both" />
+    );
+    expect(w.find('.el-textarea__inner').first().prop('style').resize).toBe('both');
+  });
+
+});