ant-design/components/list/__tests__/loading.test.tsx
叶枫 502dac12aa
docs: format code (#48309)
* docs: fix code

* feat: lint

* feat: prettier

* feat: test

* feat: review

* feat: format html

* feat: format html
2024-04-08 14:04:08 +08:00

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);
});
});