You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.3 KiB
55 lines
1.3 KiB
import { mount } from '@vue/test-utils'
|
|
import List from '..'
|
|
import Icon from '../../icon'
|
|
|
|
describe('List', () => {
|
|
it('renders empty loading', () => {
|
|
const loading = {
|
|
spinning: true,
|
|
}
|
|
const wrapper = mount(
|
|
{
|
|
render () {
|
|
return <List loading={loading} dataSource={[]} renderItem={() => <List.Item />} />
|
|
},
|
|
})
|
|
expect(wrapper.findAll('.ant-list-empty-text')).toHaveLength(0)
|
|
})
|
|
|
|
it('renders object loading', () => {
|
|
const loading = {
|
|
spinning: true,
|
|
}
|
|
const wrapper = mount(
|
|
{
|
|
render () {
|
|
return <List
|
|
loading={loading}
|
|
dataSource={[1]}
|
|
renderItem={() => <List.Item />}
|
|
/>
|
|
},
|
|
})
|
|
expect(wrapper.findAll('.ant-spin-spinning')).toHaveLength(1)
|
|
})
|
|
|
|
it('renders object loading with indicator', () => {
|
|
const wrapper = mount(
|
|
{
|
|
render () {
|
|
return <List
|
|
loading={{
|
|
spinning: true,
|
|
indicator: <Icon type='loading' style={{ fontSize: '24px' }} spin />,
|
|
}}
|
|
dataSource={[1]}
|
|
renderItem={() => <List.Item />}
|
|
/>
|
|
},
|
|
}
|
|
|
|
)
|
|
expect(wrapper.findAll('.anticon-loading')).toHaveLength(1)
|
|
})
|
|
})
|