mirror of
https://github.com/element-plus/element-plus.git
synced 2024-12-27 03:01:14 +08:00
f3d24d6109
* fix(popper): fix popper related style * fix(popper): restore `onMount` hook, rewrite `Teleport` usage * fix(popper): fix failed tests due to change * fix(popper): - Fix popper initialiation method * fix(popper): - Replace unref with internal defined unwrap function
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import { h, nextTick } from 'vue'
|
|
import { mount } from '@vue/test-utils'
|
|
import Tooltip from '../src/index'
|
|
|
|
import type { VNode } from 'vue'
|
|
|
|
const AXIOM = 'Rem is the best girl'
|
|
|
|
const _mount = (props: any = {}, content: string | VNode = '') => mount(Tooltip, {
|
|
slots: {
|
|
default: () => h('div', AXIOM),
|
|
content: () => content,
|
|
},
|
|
props,
|
|
attachTo: 'body',
|
|
})
|
|
|
|
const selector = '.el-popper'
|
|
describe('Tooltip.vue', () => {
|
|
beforeEach(() => {
|
|
document.body.innerHTML = ''
|
|
})
|
|
test('render test', () => {
|
|
const wrapper = _mount(undefined, AXIOM)
|
|
expect(wrapper.html()).toContain(AXIOM)
|
|
})
|
|
|
|
test('manual mode', async () => {
|
|
const wrapper = _mount({
|
|
manual: true,
|
|
modelValue: false,
|
|
}, AXIOM)
|
|
// since VTU does not provide any functionality for testing teleported components
|
|
expect(document.querySelector(selector).getAttribute('style')).toContain('display: none')
|
|
|
|
await wrapper.setProps({
|
|
modelValue: true,
|
|
})
|
|
|
|
await nextTick()
|
|
expect(document.querySelector(selector).getAttribute('style')).not.toContain('display: none')
|
|
})
|
|
})
|