mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-03-01 15:35:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): [overlay] use JSX in Unit test (#8227)

Browse Source
This commit is contained in:
류한경 2022-06-13 15:58:41 +09:00 committed by GitHub
parent 39f122228b
commit 2f51379756
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/components/overlay/__tests__/overlay.test.ts → packages/components/overlay/__tests__/overlay.test.tsx
View File

@ -1,3 +1,4 @@
import { nextTick, ref } from 'vue'
import { mount } from '@vue/test-utils'
import { describe, expect, test } from 'vitest'
import Overlay from '../src/overlay'
@ -6,11 +7,7 @@ const AXIOM = 'Rem is the best girl'
describe('Overlay.vue', () => {
test('render test', async () => {
const wrapper = mount(Overlay, {
slots: {
default: AXIOM,
},
})
const wrapper = mount(() => <Overlay>{AXIOM}</Overlay>)
expect(wrapper.text()).toEqual(AXIOM)
const testClass = 'test-class'
await wrapper.setProps({
@ -21,31 +18,28 @@ describe('Overlay.vue', () => {
})
test('should emit click event', async () => {
const wrapper = mount(Overlay, {
slots: {
default: AXIOM,
},
})
const wrapper = mount(() => <Overlay>{AXIOM}</Overlay>)
await wrapper.find('.el-overlay').trigger('click')
expect(wrapper.emitted()).toBeTruthy()
})
test('no mask', async () => {
const wrapper = mount(Overlay, {
slots: {
default: AXIOM,
},
})
const mask = ref(true)
const wrapper = mount(() => <Overlay mask={mask.value}>{AXIOM}</Overlay>)
const selector = '.el-overlay'
expect(wrapper.find(selector).exists()).toBe(true)
await wrapper.setProps({
mask: false,
})
mask.value = false
await nextTick()
expect(wrapper.find(selector).exists()).toBe(false)
await wrapper.setProps({
mask: true,
})
mask.value = true
await nextTick()
expect(wrapper.find(selector).exists()).toBe(true)
})
})