mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-07 13:48:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(thing): add NThing test (#676)

Browse Source
This commit is contained in:
XieZongChen 2021-07-26 23:02:22 -05:00 committed by GitHub
parent 5264adc48d
commit 818e63aca9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 79 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

79
src/thing/tests/Thing.spec.ts
View File

@ -5,4 +5,83 @@ describe('n-thing', () => {
it('should work with import on demand', () => {
mount(NThing)
})
it('should work with `content`, `description`, `title-extra`, `title` props', async () => {
const wrapper = mount(NThing, {
props: {
content: 'test-content',
description: 'test-description',
'title-extra': 'test-title-extra',
title: 'test-title'
}
})
expect(wrapper.find('.n-thing-main__content').exists()).toBe(true)
expect(wrapper.find('.n-thing-main__content').text()).toBe('test-content')
expect(wrapper.find('.n-thing-main__description').exists()).toBe(true)
expect(wrapper.find('.n-thing-main__description').text()).toBe(
'test-description'
)
expect(wrapper.find('.n-thing-header__title').exists()).toBe(true)
expect(wrapper.find('.n-thing-header__title').text()).toBe('test-title')
expect(wrapper.find('.n-thing-header__extra').exists()).toBe(true)
expect(wrapper.find('.n-thing-header__extra').text()).toBe(
'test-title-extra'
)
})
it('should work with `content-indented` prop', async () => {
const wrapper = mount(NThing, {
props: {
content: 'test-content',
description: 'test-description',
'title-extra': 'test-title-extra',
title: 'test-title'
},
slots: { avatar: () => 'test-avatar' }
})
expect(wrapper.find('.n-thing').element.children.length).toBe(1)
expect(
wrapper.find('.n-thing').element.children[0].getAttribute('class')
).toContain('n-thing-main')
await wrapper.setProps({ contentIndented: true })
expect(wrapper.find('.n-thing').element.children.length).toBe(2)
expect(
wrapper.find('.n-thing').element.children[0].getAttribute('class')
).toContain('n-thing-avatar')
expect(
wrapper.find('.n-thing').element.children[1].getAttribute('class')
).toContain('n-thing-main')
})
it('should work with Slots', async () => {
const wrapper = mount(NThing, {
slots: {
avatar: () => 'test-avatar',
action: () => 'test-action',
default: () => 'test-default',
description: () => 'test-description',
'header-extra': () => 'test-header-extra',
header: () => 'test-header'
}
})
expect(wrapper.find('.n-thing-avatar').exists()).toBe(true)
expect(wrapper.find('.n-thing-avatar').text()).toBe('test-avatar')
expect(wrapper.find('.n-thing-main__action').exists()).toBe(true)
expect(wrapper.find('.n-thing-main__action').text()).toBe('test-action')
expect(wrapper.find('.n-thing-main__content').exists()).toBe(true)
expect(wrapper.find('.n-thing-main__content').text()).toBe('test-default')
expect(wrapper.find('.n-thing-main__description').exists()).toBe(true)
expect(wrapper.find('.n-thing-main__description').text()).toBe(
'test-description'
)
expect(wrapper.find('.n-thing-header__extra').exists()).toBe(true)
expect(wrapper.find('.n-thing-header__extra').text()).toBe(
'test-header-extra'
)
expect(wrapper.find('.n-thing-header__title').exists()).toBe(true)
expect(wrapper.find('.n-thing-header__title').text()).toBe('test-header')
})
})