mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 17:59:57 +08:00
63 lines
2.1 KiB
TypeScript
63 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
import type { KeyWiseTransferItem } from '..';
|
|
import { render } from '../../../tests/utils';
|
|
import type { TransferListProps } from '../list';
|
|
import type TransferList from '../list';
|
|
import List from '../list';
|
|
|
|
const listCommonProps: TransferListProps<any> = {
|
|
prefixCls: 'ant-transfer-list',
|
|
dataSource: [
|
|
{ key: 'a', title: 'a' },
|
|
{ key: 'b', title: 'b' },
|
|
{ key: 'c', title: 'c', disabled: true },
|
|
],
|
|
checkedKeys: ['a'],
|
|
notFoundContent: 'Not Found',
|
|
} as TransferListProps<any>;
|
|
|
|
const listProps: TransferListProps<any> = {
|
|
...listCommonProps,
|
|
dataSource: undefined as unknown as any[],
|
|
};
|
|
|
|
describe('Transfer.List', () => {
|
|
it('should render correctly', () => {
|
|
const { container } = render(<List {...listCommonProps} />);
|
|
expect(container.firstChild).toMatchSnapshot();
|
|
});
|
|
|
|
it('should check top Checkbox while all available items are checked', () => {
|
|
const { container } = render(<List {...listCommonProps} checkedKeys={['a', 'b']} />);
|
|
expect(
|
|
container.querySelector<HTMLInputElement>('.ant-transfer-list-header input[type="checkbox"]')
|
|
?.checked,
|
|
).toBeTruthy();
|
|
});
|
|
|
|
it('when component has been unmounted, componentWillUnmount should be called', () => {
|
|
const instance = React.createRef<TransferList<KeyWiseTransferItem>>();
|
|
const { unmount } = render(<List ref={instance} {...listCommonProps} />);
|
|
const willUnmount = jest.spyOn(instance.current!, 'componentWillUnmount');
|
|
unmount();
|
|
expect(willUnmount).toHaveBeenCalled();
|
|
});
|
|
|
|
it('when value is not exists, handleFilter should return', () => {
|
|
const handleFilter = jest.fn();
|
|
const instance = React.createRef<TransferList<KeyWiseTransferItem>>();
|
|
render(<List ref={instance} {...listCommonProps} handleFilter={handleFilter} />);
|
|
expect(
|
|
instance.current?.handleFilter({
|
|
target: 'test',
|
|
} as unknown as React.ChangeEvent<HTMLInputElement>),
|
|
).toBe(undefined);
|
|
expect(handleFilter).toHaveBeenCalled();
|
|
});
|
|
it('should render correctly when dataSource is not exists', () => {
|
|
expect(() => {
|
|
render(<List {...listProps} />);
|
|
}).not.toThrow();
|
|
});
|
|
});
|