Skip to content

Commit 7628d28

Browse files
zombieJzombieJ
committed
test: More test case
1 parent f348d6d commit 7628d28

File tree

2 files changed

+111
-61
lines changed

2 files changed

+111
-61
lines changed

‎tests/__snapshots__/panel.spec.tsx.snap‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,90 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

3+
exports[`Picker.Panel monthCellRender 1`] = `
4+
<tbody>
5+
<tr>
6+
<td
7+
class="rc-picker-cell rc-picker-cell-in-view"
8+
title="1990-01"
9+
>
10+
1990-01
11+
</td>
12+
<td
13+
class="rc-picker-cell rc-picker-cell-in-view"
14+
title="1990-02"
15+
>
16+
1990-02
17+
</td>
18+
<td
19+
class="rc-picker-cell rc-picker-cell-in-view"
20+
title="1990-03"
21+
>
22+
1990-03
23+
</td>
24+
</tr>
25+
<tr>
26+
<td
27+
class="rc-picker-cell rc-picker-cell-in-view"
28+
title="1990-04"
29+
>
30+
1990-04
31+
</td>
32+
<td
33+
class="rc-picker-cell rc-picker-cell-in-view"
34+
title="1990-05"
35+
>
36+
1990-05
37+
</td>
38+
<td
39+
class="rc-picker-cell rc-picker-cell-in-view"
40+
title="1990-06"
41+
>
42+
1990-06
43+
</td>
44+
</tr>
45+
<tr>
46+
<td
47+
class="rc-picker-cell rc-picker-cell-in-view"
48+
title="1990-07"
49+
>
50+
1990-07
51+
</td>
52+
<td
53+
class="rc-picker-cell rc-picker-cell-in-view"
54+
title="1990-08"
55+
>
56+
1990-08
57+
</td>
58+
<td
59+
class="rc-picker-cell rc-picker-cell-in-view"
60+
title="1990-09"
61+
>
62+
1990-09
63+
</td>
64+
</tr>
65+
<tr>
66+
<td
67+
class="rc-picker-cell rc-picker-cell-in-view"
68+
title="1990-10"
69+
>
70+
1990-10
71+
</td>
72+
<td
73+
class="rc-picker-cell rc-picker-cell-in-view"
74+
title="1990-11"
75+
>
76+
1990-11
77+
</td>
78+
<td
79+
class="rc-picker-cell rc-picker-cell-in-view"
80+
title="1990-12"
81+
>
82+
1990-12
83+
</td>
84+
</tr>
85+
</tbody>
86+
`;
87+
388
exports[`Picker.Panel should render correctly in rtl 1`] = `
489
<div
590
class="rc-picker-panel rc-picker-panel-rtl"

‎tests/panel.spec.tsx‎

Lines changed: 26 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -16,20 +16,15 @@ describe('Picker.Panel', () => {
1616

1717
describe('value', () => {
1818
it('defaultValue', () => {
19-
const wrapper = mount(
20-
<MomentPickerPanel defaultValue={getMoment('2000-01-01')} />,
21-
);
19+
const wrapper = mount(<MomentPickerPanel defaultValue={getMoment('2000-01-01')} />);
2220

2321
expect(wrapper.find('.rc-picker-cell-selected').text()).toEqual('1');
2422
});
2523

2624
it('controlled', () => {
2725
const onChange = jest.fn();
2826
const wrapper = mount(
29-
<MomentPickerPanel
30-
value={getMoment('2000-01-01')}
31-
onChange={onChange}
32-
/>,
27+
<MomentPickerPanel value={getMoment('2000-01-01')} onChange={onChange} />,
3328
);
3429

3530
wrapper.selectCell(23);
@@ -104,10 +99,7 @@ describe('Picker.Panel', () => {
10499
},
105100
});
106101

107-
let requestAnimationFrameSpy = jest.spyOn(
108-
global,
109-
'requestAnimationFrame' as any,
110-
);
102+
let requestAnimationFrameSpy = jest.spyOn(global, 'requestAnimationFrame' as any);
111103

112104
// Spy to trigger 2 way of test for checking case cover
113105
if (bool) {
@@ -147,9 +139,7 @@ describe('Picker.Panel', () => {
147139

148140
describe('click button to switch', () => {
149141
it('date', () => {
150-
const wrapper = mount(
151-
<MomentPickerPanel defaultValue={getMoment('1990-09-03')} />,
152-
);
142+
const wrapper = mount(<MomentPickerPanel defaultValue={getMoment('1990-09-03')} />);
153143

154144
wrapper.clickButton('prev');
155145
expect(wrapper.find('.rc-picker-header-view').text()).toEqual('Aug1990');
@@ -166,10 +156,7 @@ describe('Picker.Panel', () => {
166156

167157
it('month', () => {
168158
const wrapper = mount(
169-
<MomentPickerPanel
170-
defaultValue={getMoment('1990-09-03')}
171-
picker="month"
172-
/>,
159+
<MomentPickerPanel defaultValue={getMoment('1990-09-03')} picker="month" />,
173160
);
174161

175162
wrapper.clickButton('super-prev');
@@ -181,40 +168,26 @@ describe('Picker.Panel', () => {
181168

182169
it('year', () => {
183170
const wrapper = mount(
184-
<MomentPickerPanel
185-
defaultValue={getMoment('1990-09-03')}
186-
picker="year"
187-
/>,
171+
<MomentPickerPanel defaultValue={getMoment('1990-09-03')} picker="year" />,
188172
);
189173

190174
wrapper.clickButton('super-prev');
191-
expect(wrapper.find('.rc-picker-header-view').text()).toEqual(
192-
'1980-1989',
193-
);
175+
expect(wrapper.find('.rc-picker-header-view').text()).toEqual('1980-1989');
194176

195177
wrapper.clickButton('super-next');
196-
expect(wrapper.find('.rc-picker-header-view').text()).toEqual(
197-
'1990-1999',
198-
);
178+
expect(wrapper.find('.rc-picker-header-view').text()).toEqual('1990-1999');
199179
});
200180

201181
it('decade', () => {
202182
const wrapper = mount(
203-
<MomentPickerPanel
204-
defaultValue={getMoment('1990-09-03')}
205-
mode="decade"
206-
/>,
183+
<MomentPickerPanel defaultValue={getMoment('1990-09-03')} mode="decade" />,
207184
);
208185

209186
wrapper.clickButton('super-prev');
210-
expect(wrapper.find('.rc-picker-header-view').text()).toEqual(
211-
'1800-1899',
212-
);
187+
expect(wrapper.find('.rc-picker-header-view').text()).toEqual('1800-1899');
213188

214189
wrapper.clickButton('super-next');
215-
expect(wrapper.find('.rc-picker-header-view').text()).toEqual(
216-
'1900-1999',
217-
);
190+
expect(wrapper.find('.rc-picker-header-view').text()).toEqual('1900-1999');
218191
});
219192
});
220193

@@ -247,9 +220,7 @@ describe('Picker.Panel', () => {
247220

248221
// Click on date
249222
wrapper.selectCell(5);
250-
expect(
251-
isSame(onSelect.mock.calls[0][0], '1990-09-05 01:03:07'),
252-
).toBeTruthy();
223+
expect(isSame(onSelect.mock.calls[0][0], '1990-09-05 01:03:07')).toBeTruthy();
253224

254225
// Click on time
255226
onSelect.mockReset();
@@ -259,20 +230,14 @@ describe('Picker.Panel', () => {
259230
.find('li')
260231
.at(11)
261232
.simulate('click');
262-
expect(
263-
isSame(onSelect.mock.calls[0][0], '2001-01-02 11:00:00'),
264-
).toBeTruthy();
233+
expect(isSame(onSelect.mock.calls[0][0], '2001-01-02 11:00:00')).toBeTruthy();
265234
});
266235

267236
describe('not trigger onSelect when cell disabled', () => {
268237
it('time', () => {
269238
const onSelect = jest.fn();
270239
const wrapper = mount(
271-
<MomentPickerPanel
272-
picker="time"
273-
onSelect={onSelect}
274-
disabledHours={() => [0]}
275-
/>,
240+
<MomentPickerPanel picker="time" onSelect={onSelect} disabledHours={() => [0]} />,
276241
);
277242

278243
// Disabled
@@ -382,9 +347,7 @@ describe('Picker.Panel', () => {
382347
.find('li')
383348
.last()
384349
.simulate('click');
385-
expect(
386-
isSame(onChange.mock.calls[0][0], '2000-01-01 12:01:02', 'second'),
387-
).toBeTruthy();
350+
expect(isSame(onChange.mock.calls[0][0], '2000-01-01 12:01:02', 'second')).toBeTruthy();
388351
});
389352

390353
it('time disabled columns', () => {
@@ -406,14 +369,10 @@ describe('Picker.Panel', () => {
406369

407370
const invalidateDate = moment('notValidate', 'YYYY', true);
408371
mount(<MomentPickerPanel value={invalidateDate} />);
409-
expect(errSpy).toHaveBeenCalledWith(
410-
'Warning: Invalidate date pass to `value`.',
411-
);
372+
expect(errSpy).toHaveBeenCalledWith('Warning: Invalidate date pass to `value`.');
412373

413374
mount(<MomentPickerPanel defaultValue={invalidateDate} />);
414-
expect(errSpy).toHaveBeenCalledWith(
415-
'Warning: Invalidate date pass to `defaultValue`.',
416-
);
375+
expect(errSpy).toHaveBeenCalledWith('Warning: Invalidate date pass to `defaultValue`.');
417376

418377
errSpy.mockRestore();
419378
});
@@ -426,9 +385,7 @@ describe('Picker.Panel', () => {
426385
describe('hideHeader', () => {
427386
['decade', 'year', 'month', 'date', 'time'].forEach(mode => {
428387
it(mode, () => {
429-
const wrapper = mount(
430-
<MomentPickerPanel mode={mode as any} hideHeader />,
431-
);
388+
const wrapper = mount(<MomentPickerPanel mode={mode as any} hideHeader />);
432389
expect(wrapper.find('.rc-picker-header')).toHaveLength(0);
433390
});
434391
});
@@ -448,4 +405,12 @@ describe('Picker.Panel', () => {
448405
wrapper.confirmOK();
449406
expect(isSame(onOk.mock.calls[0][0], '1990-09-03 03:00:00')).toBeTruthy();
450407
});
408+
409+
it('monthCellRender', () => {
410+
const wrapper = mount(
411+
<MomentPickerPanel picker="month" monthCellRender={date => date.format('YYYY-MM')} />,
412+
);
413+
414+
expect(wrapper.find('tbody').render()).toMatchSnapshot();
415+
});
451416
});

0 commit comments

Comments
 (0)