diff options
| author | kj_sh604 | 2026-03-15 16:19:35 -0400 |
|---|---|---|
| committer | kj_sh604 | 2026-03-15 16:19:35 -0400 |
| commit | 6ec259a0e71174651bae95d4628138bf6fd68742 (patch) | |
| tree | 5e33c6a5ec091ecabfcb257fdc7b6a88ed8754ac /packages/excalidraw/keys.test.ts | |
| parent | 16c8578b15c727f22921f8a80a56ee4d4e7f2272 (diff) | |
refactor: packages/
Diffstat (limited to 'packages/excalidraw/keys.test.ts')
| -rw-r--r-- | packages/excalidraw/keys.test.ts | 271 |
1 files changed, 271 insertions, 0 deletions
diff --git a/packages/excalidraw/keys.test.ts b/packages/excalidraw/keys.test.ts new file mode 100644 index 0000000..df2a367 --- /dev/null +++ b/packages/excalidraw/keys.test.ts @@ -0,0 +1,271 @@ +import { KEYS, matchKey } from "./keys"; + +describe("key matcher", async () => { + it("should not match unexpected key", async () => { + expect( + matchKey(new KeyboardEvent("keydown", { key: "N" }), KEYS.Y), + ).toBeFalsy(); + expect( + matchKey(new KeyboardEvent("keydown", { key: "Unidentified" }), KEYS.Z), + ).toBeFalsy(); + + expect( + matchKey(new KeyboardEvent("keydown", { key: "z" }), KEYS.Y), + ).toBeFalsy(); + expect( + matchKey(new KeyboardEvent("keydown", { key: "y" }), KEYS.Z), + ).toBeFalsy(); + + expect( + matchKey(new KeyboardEvent("keydown", { key: "Z" }), KEYS.Y), + ).toBeFalsy(); + expect( + matchKey(new KeyboardEvent("keydown", { key: "Y" }), KEYS.Z), + ).toBeFalsy(); + }); + + it("should match key (case insensitive) when key is latin", async () => { + expect( + matchKey(new KeyboardEvent("keydown", { key: "z" }), KEYS.Z), + ).toBeTruthy(); + expect( + matchKey(new KeyboardEvent("keydown", { key: "y" }), KEYS.Y), + ).toBeTruthy(); + + expect( + matchKey(new KeyboardEvent("keydown", { key: "Z" }), KEYS.Z), + ).toBeTruthy(); + expect( + matchKey(new KeyboardEvent("keydown", { key: "Y" }), KEYS.Y), + ).toBeTruthy(); + }); + + it("should match key on QWERTY, QWERTZ, AZERTY", async () => { + // QWERTY + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "y", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // QWERTZ + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyY" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "y", code: "KeyZ" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // AZERTY + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyW" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "y", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + }); + + it("should match key on DVORAK, COLEMAK", async () => { + // DVORAK + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeySemicolon" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "y", code: "KeyF" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // COLEMAK + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "y", code: "KeyJ" }), + KEYS.Y, + ), + ).toBeTruthy(); + }); + + it("should match key on Turkish-Q", async () => { + // Turkish-Q + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyN" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "Y", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + }); + + it("should not fallback when code is not defined", async () => { + expect( + matchKey(new KeyboardEvent("keydown", { key: "я" }), KEYS.Z), + ).toBeFalsy(); + + expect( + matchKey(new KeyboardEvent("keydown", { key: "卜" }), KEYS.Y), + ).toBeFalsy(); + }); + + it("should not fallback when code is incorrect", async () => { + expect( + matchKey( + new KeyboardEvent("keydown", { key: "z", code: "KeyY" }), + KEYS.Y, + ), + ).toBeFalsy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "Y", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeFalsy(); + }); + + it("should fallback to code when key is non-latin", async () => { + // Macedonian + expect( + matchKey( + new KeyboardEvent("keydown", { key: "з", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ѕ", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Russian + expect( + matchKey( + new KeyboardEvent("keydown", { key: "я", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "н", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Serbian + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ѕ", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "з", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Greek + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ζ", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "υ", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Hebrew + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ז", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ט", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Cangjie - Traditional + expect( + matchKey( + new KeyboardEvent("keydown", { key: "重", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "卜", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // Japanese + expect( + matchKey( + new KeyboardEvent("keydown", { key: "つ", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ん", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + + // 2-Set Korean + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ㅋ", code: "KeyZ" }), + KEYS.Z, + ), + ).toBeTruthy(); + expect( + matchKey( + new KeyboardEvent("keydown", { key: "ㅛ", code: "KeyY" }), + KEYS.Y, + ), + ).toBeTruthy(); + }); +}); |
