import React from 'react';
import Select from '..';
import focusTest from '../../../tests/shared/focusTest';
import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
import { fireEvent, render, act } from '../../../tests/utils';
import Icon from '../../icon';
const { Option } = Select;
describe('Select', () => {
focusTest(Select, { refFocus: true });
mountTest(Select);
rtlTest(Select);
function toggleOpen(container) {
fireEvent.mouseDown(container.querySelector('.ant-select-selector'));
act(() => {
jest.runAllTimers();
});
}
beforeEach(() => {
jest.useFakeTimers();
});
afterEach(() => {
jest.useRealTimers();
});
it('should have default notFoundContent', () => {
const { container } = render();
toggleOpen(container);
expect(container.querySelectorAll('.ant-select-item-option').length).toBe(0);
expect(container.querySelectorAll('.ant-empty').length).toBeTruthy();
});
it('should support set notFoundContent to null', () => {
const { container } = render();
toggleOpen(container);
expect(container.querySelectorAll('.ant-empty').length).toBe(0);
});
it('should not have default notFoundContent when mode is combobox', () => {
const { container } = render();
toggleOpen(container);
expect(container.querySelector('.ant-empty')).toBeFalsy();
});
it('should not have notFoundContent when mode is combobox and notFoundContent is set', () => {
const { container } = render(
,
);
toggleOpen(container);
expect(container.querySelector('.ant-select-item-option')).toBeFalsy();
expect(container.querySelector('.ant-select-item-empty')).toHaveTextContent('not at all');
});
it('should be controlled by open prop', () => {
const onDropdownVisibleChange = jest.fn();
const TestComponent = () => {
const [open, setOpen] = React.useState(false);
const handleChange = value => {
onDropdownVisibleChange(value);
setOpen(value);
};
return (
);
};
const { container } = render();
expect(container.querySelector('.ant-select-dropdown')).toBeFalsy();
toggleOpen(container);
expect(container.querySelectorAll('.ant-select-dropdown').length).toBe(1);
expect(onDropdownVisibleChange).toHaveBeenLastCalledWith(true);
});
it('should show search icon when showSearch and open', () => {
jest.useFakeTimers();
const { container } = render(
,
);
expect(container.querySelectorAll('.anticon-down').length).toBe(1);
expect(container.querySelectorAll('.anticon-search').length).toBe(0);
toggleOpen(container);
expect(container.querySelectorAll('.anticon-down').length).toBe(0);
expect(container.querySelectorAll('.anticon-search').length).toBe(1);
});
//
describe('Select Custom Icons', () => {
it('should support customized icons', () => {
const { rerender, asFragment } = render(
}
clearIcon={}
menuItemSelectedIcon={}
>
,
);
rerender(
}
clearIcon={}
menuItemSelectedIcon={}
>
,
);
act(() => {
jest.runAllTimers();
});
expect(asFragment().firstChild).toMatchSnapshot();
});
});
describe('Deprecated', () => {
it('should ignore mode="combobox"', () => {
const { asFragment } = render(
,
);
expect(asFragment().firstChild).toMatchSnapshot();
});
});
});