-
Notifications
You must be signed in to change notification settings - Fork 447
/
BaseSelect.test.tsx
89 lines (84 loc) · 2.76 KB
/
BaseSelect.test.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import type { OptionListProps, RefOptionListProps } from '@/OptionList';
import { act, fireEvent, render } from '@testing-library/react';
import { forwardRef } from 'react';
import BaseSelect from '../src/BaseSelect';
const OptionList = forwardRef<RefOptionListProps, OptionListProps>(() => (
<div className="popup">Popup</div>
));
describe('BaseSelect', () => {
it('customized inputElement should trigger popup properly', () => {
const { container } = render(
<BaseSelect
prefixCls="rc-select"
getRawInputElement={() => (
<a className="trigger" href="#">
trigger
</a>
)}
OptionList={OptionList}
displayValues={[]}
emptyOptions
id="test"
onDisplayValuesChange={() => {}}
onSearch={() => {}}
searchValue=""
/>,
);
expect(container.querySelector('div.popup')).toBeFalsy();
fireEvent.click(container.querySelector('a.trigger'));
expect(container.querySelector('div.popup')).toBeTruthy();
fireEvent.mouseDown(container.querySelector('a.trigger'));
expect(container.querySelector('div.rc-select-dropdown-hidden')).toBeFalsy();
fireEvent.click(container.querySelector('a.trigger'));
expect(container.querySelector('div.rc-select-dropdown-hidden')).toBeTruthy();
});
it('customized inputElement style should includes position: absolute', () => {
jest.useFakeTimers();
const { container } = render(
<BaseSelect
prefixCls="rc-select"
OptionList={OptionList}
displayValues={[]}
emptyOptions
id="test"
onDisplayValuesChange={() => {}}
onSearch={() => {}}
searchValue=""
/>,
);
expect(container.querySelector('div.rc-select')).toBeTruthy();
fireEvent.focus(container.querySelector('div.rc-select'));
act(() => {
jest.runAllTimers();
});
expect(
getComputedStyle(container.querySelector(`span[aria-live=polite]`)).getPropertyValue(
'position',
),
).toBe('absolute');
jest.useRealTimers();
});
it('customize builtinPlacements should override default one', () => {
const { container } = render(
<BaseSelect
prefixCls="rc-select"
id="test"
displayValues={[]}
onDisplayValuesChange={() => {}}
searchValue=""
onSearch={() => {}}
OptionList={OptionList}
emptyOptions
open
// Test content
builtinPlacements={{
// placement not exist in `builtinPlacements`,
// which means this will be same as empty one.
// It's safe to test in other way if refactor
fallback: {},
}}
/>,
);
expect(container.querySelector('.rc-select-dropdown-placement-fallback')).toBeTruthy();
});
});