ant-design/components/list/__tests__/loading.test.tsx
lijianan c34caad24c
test: js => ts ()
* test: js => ts

* test: add test

* fix: fix eslint error

* test: add test case

* fix: fix test error

* fix: fix eslint error

* fix: fix eslint error

* fix: eslint error fix

* fix: fallback eslint config & add test case

* test: add all test case

* fix: bugfix

* fix: bugFix

* fix: bugFix

* fix: bugFix

* fix: lint

* fix: add React.createRef

* fix: add breadcrumbName in Routes

* fix: any commit for restart ci/cd

* fix: remove type

* fix: test fix

* fix: test fix

* fix: add ts-ignore for id

* test: add Icon test case

* test: remove ts-ignore

* test: add Icon test case
2022-09-05 19:41:32 +08:00

39 lines
1.2 KiB
TypeScript

import { LoadingOutlined } from '@ant-design/icons';
import React from 'react';
import { render } from '../../../tests/utils';
import List from '..';
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);
});
});