element-plus/packages/hooks/__tests__/use-timeout.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

55 lines
1.1 KiB
TypeScript

import { mount } from '@vue/test-utils'
import { useTimeout } from '../use-timeout'
const _mount = (cb: () => void) => {
return mount({
setup() {
const { cancelTimeout, registerTimeout } = useTimeout()
registerTimeout(cb, 0)
return {
cancelTimeout,
}
},
render() {
return null
},
})
}
jest.useFakeTimers()
describe('use-timeout', () => {
let wrapper
const cb = jest.fn()
beforeEach(() => {
cb.mockClear()
wrapper = _mount(cb)
})
it('should register timeout correctly', async () => {
expect(cb).not.toHaveBeenCalled()
jest.runOnlyPendingTimers()
expect(cb).toHaveBeenCalled()
wrapper.unmount()
})
it('should cancel the timeout correctly', async () => {
wrapper.vm.cancelTimeout()
jest.runOnlyPendingTimers()
expect(cb).not.toHaveBeenCalled()
wrapper.unmount()
})
it('should cancel timeout before unmount', () => {
expect(cb).not.toHaveBeenCalled()
wrapper.unmount()
jest.runOnlyPendingTimers()
expect(cb).not.toHaveBeenCalled()
})
})