みてるぞ
f5b632ed89
Reviewed-on: #397 Co-authored-by: miteruzo <miteruzo@naver.com> Co-committed-by: miteruzo <miteruzo@naver.com>
66 行
2.6 KiB
TypeScript
66 行
2.6 KiB
TypeScript
import { describe, expect, it } from 'vitest'
|
|
|
|
import { DEFAULT_KEY_BINDINGS,
|
|
formatKeyBinding,
|
|
getConflictingShortcutActionIds,
|
|
isEditableEventTarget,
|
|
keyBindingFromKeyboardEvent,
|
|
resolveShortcutScope,
|
|
SHORTCUT_DEFINITIONS_BY_ID } from '@/lib/keyboardShortcuts'
|
|
|
|
describe ('keyboardShortcuts', () => {
|
|
it ('defines the default key bindings used by the settings screen', () => {
|
|
expect (SHORTCUT_DEFINITIONS_BY_ID['global.openShortcutHelp']).toMatchObject ({
|
|
label: 'ショートカット一覧を開く',
|
|
scope: 'global',
|
|
defaultBinding: { key: '?', shift: true } })
|
|
expect (DEFAULT_KEY_BINDINGS['global.focusSearch']).toEqual ({ key: '/' })
|
|
expect (DEFAULT_KEY_BINDINGS['navigation.posts']).toEqual ({ key: 'p' })
|
|
expect (DEFAULT_KEY_BINDINGS['pagination.next']).toEqual ({ key: 'ArrowRight' })
|
|
expect (DEFAULT_KEY_BINDINGS['settings.theme']).toEqual ({ key: '3' })
|
|
})
|
|
|
|
it ('formats key bindings for display', () => {
|
|
expect (formatKeyBinding ({ key: '?', shift: true })).toBe ('Shift + ?')
|
|
expect (formatKeyBinding ({ key: '/' })).toBe ('/')
|
|
expect (formatKeyBinding ({ key: 'p' })).toBe ('P')
|
|
expect (formatKeyBinding ({ key: 'ArrowRight' })).toBe ('ArrowRight')
|
|
expect (formatKeyBinding (null)).toBe ('未割当')
|
|
})
|
|
|
|
it ('normalises keyboard events without assigning space by default', () => {
|
|
const event = { key: 'P',
|
|
ctrlKey: false,
|
|
shiftKey: false,
|
|
altKey: false,
|
|
metaKey: false } as KeyboardEvent
|
|
|
|
expect (keyBindingFromKeyboardEvent (event)).toEqual ({ key: 'p' })
|
|
expect (DEFAULT_KEY_BINDINGS['pagination.next']).not.toEqual ({ key: ' ' })
|
|
})
|
|
|
|
it ('detects conflicting action bindings', () => {
|
|
const conflicts = getConflictingShortcutActionIds ({
|
|
...DEFAULT_KEY_BINDINGS,
|
|
'navigation.posts': { key: 'p' },
|
|
'navigation.tags': { key: 'p' } })
|
|
|
|
expect (conflicts.has ('navigation.posts')).toBe (true)
|
|
expect (conflicts.has ('navigation.tags')).toBe (true)
|
|
expect (conflicts.has ('navigation.wiki')).toBe (false)
|
|
})
|
|
|
|
it ('resolves route scopes and editable event targets', () => {
|
|
const input = document.createElement ('input')
|
|
const div = document.createElement ('div')
|
|
div.setAttribute ('role', 'textbox')
|
|
|
|
expect (resolveShortcutScope ('/posts/search')).toBe ('postSearch')
|
|
expect (resolveShortcutScope ('/users/settings')).toBe ('settings')
|
|
expect (resolveShortcutScope ('/materials/1')).toBe ('materials')
|
|
expect (isEditableEventTarget (input)).toBe (true)
|
|
expect (isEditableEventTarget (div)).toBe (true)
|
|
expect (isEditableEventTarget (document.createElement ('button'))).toBe (false)
|
|
})
|
|
})
|