import { kbd } from './kbd-utils'

describe('kbd', () => {
	it('displays a comma key with modifiers', () => {
		expect(kbd('shift+,,shift+alt+,')).toEqual([...kbd('shift+.').slice(0, -1), ','])
	})

	it('preserves spaces in atomic key labels', () => {
		expect(kbd('[[Page Up]]')).toEqual(['Page Up'])
	})

	it('renders a doubled trailing + as a + keycap', () => {
		// Platform-agnostic: same modifier prefix as cmd+=, then the + glyph.
		expect(kbd('cmd++')).toEqual([...kbd('cmd+=').slice(0, -1), '+'])
		expect(kbd('cmd+alt+shift++')).toEqual([...kbd('cmd+alt+shift+=').slice(0, -1), '+'])
		expect(kbd('+')).toEqual(['+'])
		expect(kbd('++')).toEqual(['+'])
	})

	it('does not throw on an empty atomic token', () => {
		expect(kbd('[[]]')).toEqual([])
	})

	it('renders an atomic [[+]] as a + keycap', () => {
		expect(kbd('cmd+[[+]]')).toEqual([...kbd('cmd+=').slice(0, -1), '+'])
	})

	it('still renders a shifted glyph as written', () => {
		expect(kbd('shift+:')).toEqual([...kbd('shift+.').slice(0, -1), ':'])
		expect(kbd('cmd+=')).toEqual([...kbd('cmd+-').slice(0, -1), '='])
	})
})

describe('kbd on darwin', () => {
	it('renders cmd++ as the command glyph and a + keycap', async () => {
		onTestFinished(() => {
			vi.resetModules()
		})
		vi.resetModules()
		vi.doMock('@tldraw/editor', async (importOriginal) => {
			const actual = await importOriginal<typeof import('@tldraw/editor')>()
			return { ...actual, tlenv: { ...actual.tlenv, isDarwin: true } }
		})
		const { kbd: darwinKbd } = await import('./kbd-utils')
		vi.doUnmock('@tldraw/editor')
		expect(darwinKbd('cmd++')).toEqual(['⌘', '+'])
		expect(darwinKbd('cmd+alt+shift++')).toEqual(['⌘', '⌥', '⇧', '+'])
	})
})