From 02d1b455617089d59a5202135eb43850f42e08a1 Mon Sep 17 00:00:00 2001 From: MG12 Date: Fri, 4 Dec 2015 15:45:58 +0800 Subject: add header and select test case --- tests/Select.spec.jsx | 198 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 198 insertions(+) create mode 100644 tests/Select.spec.jsx (limited to 'tests/Select.spec.jsx') diff --git a/tests/Select.spec.jsx b/tests/Select.spec.jsx new file mode 100644 index 0000000..036a0f9 --- /dev/null +++ b/tests/Select.spec.jsx @@ -0,0 +1,198 @@ +import ReactDOM from 'react-dom'; +import React from 'react'; +import TimePicker from '../src/TimePicker'; + +import TestUtils from 'react-addons-test-utils'; +var Simulate = TestUtils.Simulate; +import expect from 'expect.js'; +import async from 'async'; +import {KeyCode} from 'rc-util'; + +import DateTimeFormat from 'gregorian-calendar-format'; +import GregorianCalendar from 'gregorian-calendar'; +import zhCn from 'gregorian-calendar/lib/locale/zh_CN'; +import TimePickerLocale from '../src/locale/zh_CN'; + +describe('Select', function () { + var container; + + function renderPicker(props) { + var showSecond = true; + var formatter = new DateTimeFormat('HH:mm:ss'); + + return ReactDOM.render( + , container); + } + + function formatTime(time, formatter) { + return formatter.parse(time, { + locale: zhCn, + obeyCount: true, + }); + } + + beforeEach(function () { + container = document.createElement('div'); + document.body.appendChild(container); + }); + + afterEach(function () { + ReactDOM.unmountComponentAtNode(container); + document.body.removeChild(container); + }); + + describe('select number', function () { + + it('select number correctly', function (done) { + var picker = renderPicker(); + expect(picker.state.open).not.to.be.ok(); + var input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0]; + var selector; + async.series([function (next) { + expect(picker.state.open).to.be(false); + + Simulate.click(input); + setTimeout(next, 100); + }, function (next) { + expect(picker.state.open).to.be(true); + selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select'); + + setTimeout(next, 100); + }, function (next) { + expect(selector.length).to.be(3); + + next(); + }], function () { + done(); + }); + }); + + }); + + describe('select to change value', function () { + + it('hour correctly', function (done) { + var change; + var picker = renderPicker({ + onChange: function (v) { + change = v; + } + }); + expect(picker.state.open).not.to.be.ok(); + var input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0]; + var header; + async.series([function (next) { + expect(picker.state.open).to.be(false); + + Simulate.click(input); + setTimeout(next, 100); + }, function (next) { + expect(picker.state.open).to.be(true); + header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0]; + var selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[0]; + var option = selector.getElementsByTagName('li')[19]; + expect(header).to.be.ok(); + expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03'); + expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03'); + + Simulate.click(option); + setTimeout(next, 100); + }, function (next) { + expect(change).to.be.ok(); + expect(change.getHourOfDay()).to.be(19); + expect(ReactDOM.findDOMNode(header).value).to.be('19:02:03'); + expect(ReactDOM.findDOMNode(input).value).to.be('19:02:03'); + expect(picker.state.open).to.be.ok(); + + next(); + }], function () { + done(); + }); + }); + + it('minute correctly', function (done) { + var change; + var picker = renderPicker({ + onChange: function (v) { + change = v; + } + }); + expect(picker.state.open).not.to.be.ok(); + var input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0]; + var header; + async.series([function (next) { + expect(picker.state.open).to.be(false); + + Simulate.click(input); + setTimeout(next, 100); + }, function (next) { + expect(picker.state.open).to.be(true); + header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0]; + var selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[1]; + var option = selector.getElementsByTagName('li')[19]; + expect(header).to.be.ok(); + expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03'); + expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03'); + + Simulate.click(option); + setTimeout(next, 100); + }, function (next) { + expect(change).to.be.ok(); + expect(change.getMinutes()).to.be(19); + expect(ReactDOM.findDOMNode(header).value).to.be('01:19:03'); + expect(ReactDOM.findDOMNode(input).value).to.be('01:19:03'); + expect(picker.state.open).to.be.ok(); + + next(); + }], function () { + done(); + }); + }); + + it('second correctly', function (done) { + var change; + var picker = renderPicker({ + onChange: function (v) { + change = v; + } + }); + expect(picker.state.open).not.to.be.ok(); + var input = TestUtils.scryRenderedDOMComponentsWithClass(picker, 'rc-time-picker-input')[0]; + var header; + async.series([function (next) { + expect(picker.state.open).to.be(false); + + Simulate.click(input); + setTimeout(next, 100); + }, function (next) { + expect(picker.state.open).to.be(true); + header = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-input')[0]; + var selector = TestUtils.scryRenderedDOMComponentsWithClass(picker.panelInstance, 'rc-time-picker-panel-select')[2]; + var option = selector.getElementsByTagName('li')[19]; + expect(header).to.be.ok(); + expect(ReactDOM.findDOMNode(header).value).to.be('01:02:03'); + expect(ReactDOM.findDOMNode(input).value).to.be('01:02:03'); + + Simulate.click(option); + setTimeout(next, 100); + }, function (next) { + expect(change).to.be.ok(); + expect(change.getSeconds()).to.be(19); + expect(ReactDOM.findDOMNode(header).value).to.be('01:02:19'); + expect(ReactDOM.findDOMNode(input).value).to.be('01:02:19'); + expect(picker.state.open).to.be.ok(); + + next(); + }], function () { + done(); + }); + }); + + }); +}); -- cgit v1.2.3