mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 13:37:52 +08:00
105 lines
3.1 KiB
JavaScript
105 lines
3.1 KiB
JavaScript
import { mount } from 'enzyme';
|
|
import moment from 'moment';
|
|
import React from 'react';
|
|
import DatePicker from '..';
|
|
import focusTest from '../../../tests/shared/focusTest';
|
|
import { resetMockDate, setMockDate } from '../../../tests/utils';
|
|
import enUS from '../locale/en_US';
|
|
import { closePicker, openPicker, selectCell } from './utils';
|
|
|
|
const { RangePicker } = DatePicker;
|
|
|
|
describe('RangePicker', () => {
|
|
focusTest(RangePicker, { refFocus: true });
|
|
|
|
beforeEach(() => {
|
|
setMockDate();
|
|
});
|
|
|
|
afterEach(() => {
|
|
resetMockDate();
|
|
});
|
|
|
|
// issue: https://github.com/ant-design/ant-design/issues/5872
|
|
it('should not throw error when value is reset to `[]`', () => {
|
|
const birthday = moment('2000-01-01', 'YYYY-MM-DD');
|
|
const wrapper = mount(<RangePicker value={[birthday, birthday]} open />);
|
|
wrapper.setProps({ value: [] });
|
|
|
|
expect(() => {
|
|
openPicker(wrapper);
|
|
selectCell(wrapper, 3);
|
|
closePicker(wrapper);
|
|
|
|
openPicker(wrapper, 1);
|
|
selectCell(wrapper, 5, 1);
|
|
closePicker(wrapper, 1);
|
|
}).not.toThrow();
|
|
});
|
|
|
|
it('customize separator', () => {
|
|
const wrapper = mount(<RangePicker separator="test" />);
|
|
expect(wrapper.render()).toMatchSnapshot();
|
|
});
|
|
|
|
// https://github.com/ant-design/ant-design/issues/13302
|
|
describe('in "month" mode, when the left and right panels select the same month', () => {
|
|
it('the cell status is correct', () => {
|
|
class Test extends React.Component {
|
|
state = {
|
|
value: null,
|
|
};
|
|
|
|
onPanelChange = value => {
|
|
this.setState({ value });
|
|
};
|
|
|
|
render() {
|
|
return (
|
|
<RangePicker
|
|
value={this.state.value}
|
|
mode={['month', 'month']}
|
|
onPanelChange={this.onPanelChange}
|
|
/>
|
|
);
|
|
}
|
|
}
|
|
const wrapper = mount(<Test />);
|
|
openPicker(wrapper);
|
|
selectCell(wrapper, 'Feb');
|
|
openPicker(wrapper, 1);
|
|
selectCell(wrapper, 'Feb');
|
|
closePicker(wrapper, 1);
|
|
const { value } = wrapper.find(Test).state();
|
|
expect(value[0].isSame(value[1], 'date')).toBeTruthy();
|
|
});
|
|
});
|
|
|
|
describe('ranges', () => {
|
|
it('RangePicker support presetted ranges with Tags', () => {
|
|
const wrapper = mount(
|
|
<RangePicker
|
|
ranges={{
|
|
Today: [moment(), moment()],
|
|
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
|
}}
|
|
open
|
|
/>,
|
|
);
|
|
expect(wrapper.render()).toMatchSnapshot();
|
|
});
|
|
});
|
|
|
|
it('placeholder', () => {
|
|
const wrapper = mount(<RangePicker placeholder={undefined} />);
|
|
expect(wrapper.find('input').first().props().placeholder).toEqual('Start date');
|
|
expect(wrapper.find('input').last().props().placeholder).toEqual('End date');
|
|
});
|
|
|
|
it('RangePicker picker quarter placeholder', () => {
|
|
const wrapper = mount(<RangePicker picker="quarter" locale={enUS} />);
|
|
expect(wrapper.find('input').at(0).props().placeholder).toEqual('Start quarter');
|
|
expect(wrapper.find('input').at(1).props().placeholder).toEqual('End quarter');
|
|
});
|
|
});
|