mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-22 14:44:47 +08:00
502dac12aa
* docs: fix code * feat: lint * feat: prettier * feat: test * feat: review * feat: format html * feat: format html
39 lines
1.2 KiB
TypeScript
39 lines
1.2 KiB
TypeScript
import React from 'react';
|
|
import { LoadingOutlined } from '@ant-design/icons';
|
|
|
|
import List from '..';
|
|
import { render } from '../../../tests/utils';
|
|
|
|
describe('List', () => {
|
|
it('renders empty loading', () => {
|
|
const loading = { spinning: true };
|
|
const { container: wrapper } = render(
|
|
<List loading={loading} dataSource={[]} renderItem={() => <List.Item />} />,
|
|
);
|
|
expect(wrapper.querySelectorAll('.ant-list-empty-text')).toHaveLength(0);
|
|
});
|
|
|
|
it('renders object loading', () => {
|
|
const loading = {
|
|
spinning: true,
|
|
};
|
|
const { container: wrapper } = render(
|
|
<List loading={loading} dataSource={[1]} renderItem={() => <List.Item />} />,
|
|
);
|
|
expect(wrapper.querySelectorAll('.ant-spin-spinning')).toHaveLength(1);
|
|
});
|
|
|
|
it('renders object loading with indicator', () => {
|
|
const antIcon = <LoadingOutlined style={{ fontSize: 24 }} spin />;
|
|
|
|
const loading = {
|
|
spinning: true,
|
|
indicator: antIcon,
|
|
};
|
|
const { container: wrapper } = render(
|
|
<List loading={loading} dataSource={[1]} renderItem={() => <List.Item />} />,
|
|
);
|
|
expect(wrapper.querySelectorAll('.anticon-loading')).toHaveLength(1);
|
|
});
|
|
});
|