ant-design-vue/components/list/__tests__/loading.test.js

import { mount } from '@vue/test-utils'
import { asyncExpect } from '@/tests/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)
  })
})