element-plus/packages/hooks/__tests__/use-restore-active.spec.ts
三咲智子 55348b30b6
style: use prettier (#3228)
* style: use prettier

* style: just prettier format, no code changes

* style: eslint fix
object-shorthand, prefer-const

* style: fix no-void

* style: no-console
2021-09-04 19:29:28 +08:00

24 lines
686 B
TypeScript

import { ref, nextTick } from 'vue'
import useRestoreActive from '../use-restore-active'
describe('useRestoreActive', () => {
it('should restore active element', async () => {
const visible = ref(false)
useRestoreActive(visible)
const btn1 = document.createElement('button')
const btn2 = document.createElement('button')
document.body.appendChild(btn1)
document.body.appendChild(btn2)
btn1.focus()
expect(document.activeElement).toBe(btn1)
visible.value = true
await nextTick()
btn2.focus()
expect(document.activeElement).toBe(btn2)
visible.value = false
await nextTick()
expect(document.activeElement).toBe(btn1)
})
})