mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
1d13ebb05d
* feat: drop jest * test: remove ssr * test: rename * chore: update tsconfig
77 lines
1.9 KiB
TypeScript
77 lines
1.9 KiB
TypeScript
import { nextTick, ref } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { POPPER_INJECTION_KEY } from '@element-plus/tokens'
|
|
import ElTrigger from '../src/trigger.vue'
|
|
|
|
const AXIOM = 'rem is the best girl'
|
|
const popperInjection = {
|
|
triggerRef: ref(null),
|
|
popperInstanceRef: ref(null),
|
|
contentRef: ref(null),
|
|
}
|
|
const mountTrigger = (props = {}) =>
|
|
mount(ElTrigger, {
|
|
props,
|
|
slots: {
|
|
default: () => AXIOM,
|
|
},
|
|
global: {
|
|
provide: {
|
|
[POPPER_INJECTION_KEY as symbol]: popperInjection,
|
|
},
|
|
},
|
|
})
|
|
|
|
describe('<ElPopperTrigger />', () => {
|
|
let wrapper: ReturnType<typeof mountTrigger>
|
|
|
|
afterEach(() => {
|
|
popperInjection.triggerRef.value = null
|
|
})
|
|
describe('rendering', () => {
|
|
it('should be able to render with children', async () => {
|
|
wrapper = mountTrigger()
|
|
await nextTick()
|
|
|
|
expect(popperInjection.triggerRef.value).not.toBeNull()
|
|
expect(wrapper.text()).toEqual(AXIOM)
|
|
})
|
|
|
|
it('should be able to render for virtual ref', async () => {
|
|
wrapper = mountTrigger({
|
|
virtualTriggering: true,
|
|
})
|
|
|
|
await nextTick()
|
|
|
|
expect(wrapper.text()).not.toEqual(AXIOM)
|
|
|
|
const virtualRef = document.createElement('div')
|
|
await wrapper.setProps({
|
|
virtualRef,
|
|
})
|
|
|
|
expect(popperInjection.triggerRef.value).toStrictEqual
|
|
})
|
|
})
|
|
|
|
describe('can attach handlers', () => {
|
|
it('should be able to attach handlers to the trigger', async () => {
|
|
const onClick = vi.fn()
|
|
const virtualRef = document.createElement('div')
|
|
wrapper = mountTrigger({
|
|
onClick,
|
|
virtualTriggering: true,
|
|
virtualRef,
|
|
})
|
|
await nextTick()
|
|
expect(onClick).not.toHaveBeenCalled()
|
|
const evt = new MouseEvent('click')
|
|
virtualRef.dispatchEvent(evt)
|
|
await nextTick()
|
|
expect(onClick).toHaveBeenCalled()
|
|
})
|
|
})
|
|
})
|