2 files changed, 30 insertions, 3 deletions

diff --git a/examples/open.js b/examples/open.js
index 5a0d1ed..100bf35 100644
--- a/examples/open.js
+++ b/examples/open.js
@@ -12,14 +12,14 @@ const App = React.createClass({
       open: false,
     };
   },
+  setOpen({ open }) {
+    this.setState({ open });
+  },
   toggleOpen() {
     this.setState({
       open: !this.state.open,
     });
   },
-  setOpen({ open }) {
-    this.setState({ open });
-  },
   render() {
     return (
       <div>
diff --git a/tests/TimePicker.spec.jsx b/tests/TimePicker.spec.jsx
index 150f727..1ea3b8b 100644
--- a/tests/TimePicker.spec.jsx
+++ b/tests/TimePicker.spec.jsx
@@ -111,6 +111,33 @@ describe('TimePicker', () => {
         done();
       });
     });
+
+    it('support name', () => {
+      const picker = renderPicker({
+        name: 'time-picker-form-name',
+      });
+      const input = TestUtils.scryRenderedDOMComponentsWithClass(picker,
+        'rc-time-picker-input')[0];
+      expect(input.name).to.be('time-picker-form-name');
+    });
+
+    it('support focus', () => {
+      const picker = renderPicker({
+        name: 'time-picker-form-name',
+      });
+      expect(picker.focus).to.be.a('function');
+    });
+
+    it('should be controlled by open', () => {
+      const picker = renderPicker({
+        open: false,
+      });
+      expect(picker.state.open).not.to.be.ok();
+      const input = TestUtils.scryRenderedDOMComponentsWithClass(picker,
+        'rc-time-picker-input')[0];
+      Simulate.click(input);
+      expect(picker.state.open).not.to.be.ok();
+    });
   });
 
   describe('render panel to body (without seconds)', () => {