mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-21 04:50:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(list): add list test

Browse Source
This commit is contained in:
xiezongchen 2021-07-19 21:32:31 +08:00
parent 4df9813126
commit 186d7cda76
1 changed files with 51 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/list/tests/List.spec.ts
View File

@ -1,8 +1,58 @@
import { h } from 'vue'
import { mount } from '@vue/test-utils'
import { NList } from '../index'
import { NList, NListItem } from '../index'
describe('n-list', () => {
it('should work with import on demand', () => {
mount(NList)
})
it('should work with n-list slots', async () => {
const wrapper = mount(NList, {
slots: {
default: () => 'test default',
header: () => 'test header',
footer: () => 'test footer'
}
})
expect(wrapper.text()).toContain('test default')
expect(wrapper.find('.n-list__header').exists()).toBe(true)
expect(wrapper.find('.n-list__header').text()).toBe('test header')
expect(wrapper.find('.n-list__footer').exists()).toBe(true)
expect(wrapper.find('.n-list__footer').text()).toBe('test footer')
})
it('should work with n-list-item slots', async () => {
const wrapper = mount(NList, {
slots: {
default: () =>
h(NListItem, null, {
default: () => 'test default',
prefix: () => 'test prefix',
suffix: () => 'test suffix'
})
}
})
expect(wrapper.find('.n-list-item__main').exists()).toBe(true)
expect(wrapper.find('.n-list-item__main').text()).toBe('test default')
expect(wrapper.find('.n-list-item__prefix').exists()).toBe(true)
expect(wrapper.find('.n-list-item__prefix').text()).toBe('test prefix')
expect(wrapper.find('.n-list-item__suffix').exists()).toBe(true)
expect(wrapper.find('.n-list-item__suffix').text()).toBe('test suffix')
})
it('should work with `bordered` prop', async () => {
const wrapper = mount(NList, {
slots: {
default: () =>
h(NListItem, null, {
default: () => 'test'
})
}
})
expect(wrapper.find('.n-list').classes()).not.toContain('n-list--bordered')
await wrapper.setProps({ bordered: true })
expect(wrapper.find('.n-list').classes()).toContain('n-list--bordered')
})
})