expect(picker.state.open).to.be(true);
selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance,
'rc-time-picker-panel-select');
+ setTimeout(next, 100);
+ }, (next) => {
+ expect(selector.length).to.be(3);
+
+ next();
+ }], () => {
+ done();
+ });
+ });
+
+
+ it('renders 5am correctly', (done) => {
+ const picker = renderPicker({
+ use12Hours: true,
+ defaultValue: moment().hour(0).minute(0).second(0),
+ showSecond: false,
+ format: undefined,
+ });
+ expect(picker.state.open).not.to.be.ok();
+ const input = TestUtils.scryRenderedDOMComponentsWithClass(picker,
+ 'rc-time-picker-input')[0];
+ let selector;
+ async.series([(next) => {
+ expect(picker.state.open).to.be(false);
+
+ Simulate.click(input);
+ setTimeout(next, 100);
+ }, (next) => {
+ expect(picker.state.open).to.be(true);
+ selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance,
+ 'rc-time-picker-panel-select')[0];
expect((input).value).to.be('12:00 am');
+ const option = selector.getElementsByTagName('li')[3];
+ Simulate.click(option);
+ setTimeout(next, 100);
+ }, (next) => {
+ expect((input).value).to.be('3:00 am');
+ next();
+ }], () => {
+ done();
+ });
+ });
+
+ it('renders 12am/pm correctly', (done) => {
+ const picker = renderPicker({
+ use12Hours: true,
+ defaultValue: moment().hour(0).minute(0).second(0),
+ showSecond: false,
+ format: undefined,
+ });
+ expect(picker.state.open).not.to.be.ok();
+ const input = TestUtils.scryRenderedDOMComponentsWithClass(picker,
+ 'rc-time-picker-input')[0];
+ let selector;
+ async.series([(next) => {
+ expect(picker.state.open).to.be(false);
+
+ Simulate.click(input);
setTimeout(next, 100);
}, (next) => {
- expect(selector.length).to.be(3);
+ expect(picker.state.open).to.be(true);
+ selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance,
+ 'rc-time-picker-panel-select')[2];
+ expect((input).value).to.be('12:00 am');
+ const option = selector.getElementsByTagName('li')[1];
+ Simulate.click(option);
+ setTimeout(next, 200);
+ }, (next) => {
+ expect((input).value).to.be('12:00 pm');
+ next();
+ }, (next) => {
+ Simulate.click(selector.getElementsByTagName('li')[0]);
+ setTimeout(next, 200);
+ }, (next) => {
+ expect((input).value).to.be('12:00 am');
+ next();
+ }], () => {
+ done();
+ });
+ });
+ it('renders uppercase AM correctly', (done) => {
+ const picker = renderPicker({
+ use12Hours: true,
+ defaultValue: moment().hour(0).minute(0).second(0),
+ showSecond: false,
+ format: 'h:mm A',
+ });
+ expect(picker.state.open).not.to.be.ok();
+ const input = TestUtils.scryRenderedDOMComponentsWithClass(picker,
+ 'rc-time-picker-input')[0];
+ let selector;
+ async.series([(next) => {
+ expect(picker.state.open).to.be(false);
+
+ Simulate.click(input);
+ setTimeout(next, 100);
+ }, (next) => {
+ expect(picker.state.open).to.be(true);
+ selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance,
+ 'rc-time-picker-panel-select')[2];
+ expect((input).value).to.be('12:00 AM');
+ const option = selector.getElementsByTagName('li')[1];
+ Simulate.click(option);
+ setTimeout(next, 200);
+ }, (next) => {
+ expect((input).value).to.be('12:00 PM');
+ next();
+ }, (next) => {
+ Simulate.click(selector.getElementsByTagName('li')[0]);
+ setTimeout(next, 200);
+ }, (next) => {
+ expect((input).value).to.be('12:00 AM');
next();
}], () => {
done();