element-plus/packages/tooltip/__tests__/tooltip.spec.ts
jeremywu f3d24d6109
fix(popper): fix popper related style (#562)
* 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
2020-11-10 14:55:03 +08:00

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')
})
})