1 import ReactDOM from 'react-dom';
2 import React from 'react';
3 import TimePicker from '../src/TimePicker';
5 import TestUtils from 'react-addons-test-utils';
6 const Simulate = TestUtils.Simulate;
7 import expect from 'expect.js';
8 import async from 'async';
9 import DateTimeFormat from 'gregorian-calendar-format';
10 import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
11 import TimePickerLocale from '../src/locale/zh_CN';
13 function formatTime(time, formatter) {
14 return formatter.parse(time, {
20 describe('Select', () => {
23 function renderPicker(props) {
24 const showSecond = true;
25 const formatter = new DateTimeFormat('HH:mm:ss');
27 return ReactDOM.render(
30 locale={TimePickerLocale}
31 showSecond={showSecond}
32 defaultValue={formatTime('01:02:03', formatter)}
38 container = document.createElement('div');
39 document.body.appendChild(container);
43 ReactDOM.unmountComponentAtNode(container);
44 document.body.removeChild(container);
47 describe('select number', () => {
48 it('select number correctly', (done) => {
49 const picker = renderPicker();
50 expect(picker.state.open).not.to.be.ok();
51 const input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0];
53 async.series([(next) => {
54 expect(picker.state.open).to.be(false);
56 Simulate.click(input);
57 setTimeout(next, 100);
59 expect(picker.state.open).to.be(true);
60 selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select');
62 setTimeout(next, 100);
64 expect(selector.length).to.be(3);
73 describe('select to change value', () => {
74 it('hour correctly', (done) => {
76 const picker = renderPicker({
81 expect(picker.state.open).not.to.be.ok();
82 const input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0];
84 async.series([(next) => {
85 expect(picker.state.open).to.be(false);
87 Simulate.click(input);
88 setTimeout(next, 100);
90 expect(picker.state.open).to.be(true);
91 header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0];
92 const selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[0];
93 const option = selector.getElementsByTagName('li')[19];
94 expect(header).to.be.ok();
95 expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03');
96 expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03');
98 Simulate.click(option);
99 setTimeout(next, 100);
101 expect(change).to.be.ok();
102 expect(change.getHourOfDay()).to.be(19);
103 expect(ReactDOM.findDOMNode(header).value).to.be('19:02:03');
104 expect(ReactDOM.findDOMNode(input).value).to.be('19:02:03');
105 expect(picker.state.open).to.be.ok();
113 it('minute correctly', (done) => {
115 const picker = renderPicker({
120 expect(picker.state.open).not.to.be.ok();
121 const input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0];
123 async.series([(next) => {
124 expect(picker.state.open).to.be(false);
126 Simulate.click(input);
127 setTimeout(next, 100);
129 expect(picker.state.open).to.be(true);
130 header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0];
131 const selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[1];
132 const option = selector.getElementsByTagName('li')[19];
133 expect(header).to.be.ok();
134 expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03');
135 expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03');
137 Simulate.click(option);
138 setTimeout(next, 100);
140 expect(change).to.be.ok();
141 expect(change.getMinutes()).to.be(19);
142 expect(ReactDOM.findDOMNode(header).value).to.be('01:19:03');
143 expect(ReactDOM.findDOMNode(input).value).to.be('01:19:03');
144 expect(picker.state.open).to.be.ok();
152 it('second correctly', (done) => {
154 const picker = renderPicker({
159 expect(picker.state.open).not.to.be.ok();
160 const input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0];
162 async.series([(next) => {
163 expect(picker.state.open).to.be(false);
165 Simulate.click(input);
166 setTimeout(next, 100);
168 expect(picker.state.open).to.be(true);
169 header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0];
170 const selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[2];
171 const option = selector.getElementsByTagName('li')[19];
172 expect(header).to.be.ok();
173 expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03');
174 expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03');
176 Simulate.click(option);
177 setTimeout(next, 100);
179 expect(change).to.be.ok();
180 expect(change.getSeconds()).to.be(19);
181 expect(ReactDOM.findDOMNode(header).value).to.be('01:02:19');
182 expect(ReactDOM.findDOMNode(input).value).to.be('01:02:19');
183 expect(picker.state.open).to.be.ok();