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(drawer): add test (#1443)

Browse Source
This commit is contained in:
songjianet 2021-10-31 23:23:07 +08:00 committed by GitHub
parent 66548d127f
commit b32f47508d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/drawer/tests/Drawer.spec.tsx
View File

@ -126,14 +126,16 @@ describe('n-drawer', () => {
})
it('should work with `show` prop', async () => {
await mountDrawer({
const wrapper1 = await mountDrawer({
show: false
})
expect(document.querySelector('.n-drawer')).toEqual(null)
await mountDrawer({
wrapper1.unmount()
const wrapper2 = await mountDrawer({
show: true
})
expect(document.querySelector('.n-drawer')).not.toEqual(null)
wrapper2.unmount()
})
it('should work with `on-update:show` prop', async () => {
@ -147,13 +149,14 @@ describe('n-drawer', () => {
setTimeout(() => {
expect(onUpdate).toHaveBeenCalled()
}, 300)
wrapper.unmount()
})
it('should work with `mask-closable` prop', async () => {
const onUpdate = jest.fn()
const mousedownEvent = new MouseEvent('mousedown', { bubbles: true })
const mouseupEvent = new MouseEvent('mouseup', { bubbles: true })
await mountDrawer({
const wrapper = await mountDrawer({
show: true,
hasOnUpdateShow: true,
drawerProps: { onUpdateShow: onUpdate },
@ -164,6 +167,7 @@ describe('n-drawer', () => {
setTimeout(() => {
expect(onUpdate).toHaveBeenCalled()
}, 300)
wrapper.unmount()
})
it('should work with `header-style` prop', async () => {
@ -176,8 +180,27 @@ describe('n-drawer', () => {
})
expect(
document.querySelector('[style="background-color: red;"]')
).not.toEqual(null)
(document.querySelector('.n-drawer-header') as HTMLElement).style
.backgroundColor
).toEqual('red')
wrapper.unmount()
})
it('should work with `body-style` prop', async () => {
const wrapper = await mountDrawer({
drawerContentProps: {
title: 'test',
bodyStyle: { backgroundColor: 'red' }
},
show: true
})
expect(
(document.querySelector('.n-drawer-body') as HTMLElement).style
.backgroundColor
).toEqual('red')
wrapper.unmount()
})
})