mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-06 05:58:46 +08:00
2e18b63cec
* feat(list): list support using the componentSize configuration size from ConfigProvider * chore: update snapshot
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import type { ListProps } from '..';
|
|
import List from '..';
|
|
import ConfigProvider from '../../config-provider';
|
|
import mountTest from '../../../tests/shared/mountTest';
|
|
import rtlTest from '../../../tests/shared/rtlTest';
|
|
import { render } from '../../../tests/utils';
|
|
|
|
describe('List', () => {
|
|
mountTest(List);
|
|
mountTest(List.Item);
|
|
|
|
rtlTest(List);
|
|
rtlTest(List.Item);
|
|
|
|
it('locale not passed to internal div', async () => {
|
|
const locale = { emptyText: 'Custom text' };
|
|
const renderItem: ListProps<any>['renderItem'] = (item) => <List.Item>{item}</List.Item>;
|
|
const dataSource: ListProps<any>['dataSource'] = [];
|
|
|
|
const { container } = render(
|
|
<List renderItem={renderItem} dataSource={dataSource} locale={locale} />,
|
|
);
|
|
expect(container.querySelector('div.ant-list')?.getAttribute('locale')).toBe(null);
|
|
});
|
|
|
|
it('should apply the componentSize of ConfigProvider', () => {
|
|
const { container } = render(
|
|
<>
|
|
<ConfigProvider componentSize="small">
|
|
<List />,
|
|
</ConfigProvider>
|
|
<ConfigProvider componentSize="large">
|
|
<List />,
|
|
</ConfigProvider>
|
|
</>,
|
|
);
|
|
|
|
expect(container.querySelector('.ant-list-sm')).toBeTruthy();
|
|
expect(container.querySelector('.ant-list-lg')).toBeTruthy();
|
|
});
|
|
});
|