element-plus/packages/hooks/__tests__/use-lockscreen.spec.ts
三咲智子 bbd16a08e9
refactor(hooks): refactor hooks (#4253)
* refactor(hooks): remove use-css-var

* refactor(hooks): remove use-events

* refactor(hooks): remove use-migrating

* refactor(hooks): remove use-transition

* refactor(hooks): named export useAttrs

* refactor(hooks): named export useFocus

* refactor(hooks): refactor useFormItem

* refactor(hooks): refactor useGlobalConfig

* refactor(hooks): refactor useLocale

* refactor(hooks): refactor useLockscreen

* refactor(hooks): refactor useModal

* refactor(hooks): refactor useModelToggle

* refactor(hooks): refactor usePreventGlobal

* refactor(hooks): refactor useRestoreActive

* refactor(hooks): refactor useTeleport

* refactor(hooks): refactor useThrottleRender

* refactor(hooks): refactor useTimeout

* refactor(hooks): refactor useTransitionFallthrogh
2021-11-29 15:58:44 +08:00

63 lines
1.3 KiB
TypeScript

import { ref, nextTick, defineComponent, onMounted } from 'vue'
import { mount } from '@vue/test-utils'
import { hasClass } from '@element-plus/utils/dom'
import { useLockscreen } from '../use-lockscreen'
const kls = 'el-popup-parent--hidden'
const Comp = defineComponent({
setup() {
const flag = ref(false)
useLockscreen(flag)
onMounted(() => {
flag.value = true
})
},
template: `<div></div>`,
})
describe('useLockscreen', () => {
test('should lock screen when trigger is true', async () => {
const wrapper = mount({
template: `
<test-comp />
`,
components: {
'test-comp': Comp,
},
})
await nextTick()
expect(hasClass(document.body, kls)).toBe(true)
wrapper.unmount()
await nextTick()
expect(hasClass(document.body, kls)).toBe(false)
})
test('should cleanup when unmounted', async () => {
const wrapper = mount({
template: `
<test-comp v-if="shouldRender" />
`,
data() {
return {
shouldRender: true,
}
},
components: {
'test-comp': Comp,
},
})
await nextTick()
expect(hasClass(document.body, kls)).toBe(true)
wrapper.vm.shouldRender = false
await nextTick()
expect(hasClass(document.body, kls)).toBe(false)
})
})