mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 17:31:02 +08:00
43 lines
977 B
TypeScript
43 lines
977 B
TypeScript
|
import { nextTick } from 'vue'
|
||
|
import { shallowMount } from '@vue/test-utils'
|
||
|
import * as vueuse from '@vueuse/core'
|
||
|
import { usePopperContainer, POPPER_CONTAINER_SELECTOR } from '../src/container'
|
||
|
|
||
|
const AXIOM = 'rem is the best girl'
|
||
|
|
||
|
jest.mock('@vueuse/core', () => {
|
||
|
return {
|
||
|
isClient: true,
|
||
|
}
|
||
|
})
|
||
|
|
||
|
const mountComponent = () =>
|
||
|
shallowMount({
|
||
|
template: `<div>
|
||
|
${AXIOM}
|
||
|
</div>`,
|
||
|
setup() {
|
||
|
usePopperContainer()
|
||
|
},
|
||
|
})
|
||
|
|
||
|
describe('usePopperContainer', () => {
|
||
|
afterEach(() => {
|
||
|
document.body.innerHTML = ''
|
||
|
})
|
||
|
|
||
|
it('should append container to the DOM root', async () => {
|
||
|
mountComponent()
|
||
|
await nextTick()
|
||
|
|
||
|
expect(document.body.querySelector(POPPER_CONTAINER_SELECTOR)).toBeDefined()
|
||
|
})
|
||
|
|
||
|
it('should not append container to the DOM root', async () => {
|
||
|
;(vueuse as any).isClient = false
|
||
|
mountComponent()
|
||
|
await nextTick()
|
||
|
expect(document.body.querySelector(POPPER_CONTAINER_SELECTOR)).toBeNull()
|
||
|
})
|
||
|
})
|