forked from vueuse/vueuse
/
index.test.ts
76 lines (67 loc) · 2.24 KB
/
index.test.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
import { vi } from 'vitest'
import type { Ref } from 'vue-demi'
import { ref } from 'vue-demi'
import type { KeyStrokeEventName } from '.'
import { onKeyStroke } from '.'
describe('onKeyStroke', () => {
let element: Ref<HTMLElement>
let callBackFn: any
beforeEach(() => {
element = ref(document.createElement('div'))
callBackFn = vi.fn()
})
function createKeyEvent(key: string, type: KeyStrokeEventName) {
const ev = new KeyboardEvent(type, { key })
element.value.dispatchEvent(ev)
}
it('listen to single key', () => {
onKeyStroke('A', callBackFn, { target: element })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
expect(callBackFn).toBeCalledTimes(1)
})
it('listen to multi keys', () => {
onKeyStroke(['A', 'B', 'C'], callBackFn, { target: element })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
createKeyEvent('C', 'keydown')
createKeyEvent('D', 'keydown')
expect(callBackFn).toBeCalledTimes(3)
})
it('use function filter', () => {
const filter = (event: KeyboardEvent) => {
return event.key === 'A'
}
onKeyStroke(filter, callBackFn, { target: element })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
createKeyEvent('C', 'keydown')
expect(callBackFn).toBeCalledTimes(1)
})
it('listen to all keys by boolean', () => {
onKeyStroke(true, callBackFn, { target: element })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
createKeyEvent('C', 'keydown')
createKeyEvent('D', 'keydown')
createKeyEvent('E', 'keydown')
expect(callBackFn).toBeCalledTimes(5)
})
it('listen to all keys by constructor', () => {
onKeyStroke(callBackFn, { target: element })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
createKeyEvent('C', 'keydown')
createKeyEvent('D', 'keydown')
createKeyEvent('E', 'keydown')
expect(callBackFn).toBeCalledTimes(5)
})
it('listen to keypress', () => {
onKeyStroke('A', callBackFn, { target: element, eventName: 'keypress' })
createKeyEvent('A', 'keydown')
createKeyEvent('B', 'keydown')
createKeyEvent('A', 'keypress')
createKeyEvent('B', 'keypress')
expect(callBackFn).toBeCalledTimes(1)
})
})