Add test

Author: ollie299792458

packages/core/src/components/hotkeys/hotkeyParser.ts

@@ -192,7 +192,7 @@ function maybeGetKeyFromEventCode(e: KeyboardEvent) {
 /**
  * Determines the key combo object from the given keyboard event. A key combo includes zero or more modifiers
  * (represented by a bitmask) and one key. We prefer using the `key` property to respect the user's keyboard layout,
- * but fall back to `code` for Alt-modified characters to avoid issues with Alt producing special characters on macOS.
+ * but fall back to `code` for Alt-modified characters to avoid issues with Alt producing special characters.
  *
  * @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key
  */

packages/docs-app/src/examples/core-examples/hotkeysTargetExample.tsx

@@ -60,6 +60,30 @@ export class HotkeysTargetExample extends PureComponent<ExampleProps, HotkeysTar
             label: "Focus the piano",
             onKeyDown: this.focusPiano,
         },
+        {
+            combo: "ctrl + B",
+            group: "Modifier Tests",
+            label: "Test Ctrl+B",
+            onKeyDown: () => console.log("Ctrl+B pressed"),
+        },
+        {
+            combo: "alt + B",
+            group: "Modifier Tests",
+            label: "Test Alt+B",
+            onKeyDown: () => console.log("Alt+B pressed"),
+        },
+        {
+            combo: "shift + B",
+            group: "Modifier Tests",
+            label: "Test Shift+B",
+            onKeyDown: () => console.log("Shift+B pressed"),
+        },
+        {
+            combo: "meta + B",
+            group: "Modifier Tests",
+            label: "Test Cmd/Meta+B",
+            onKeyDown: () => console.log("Meta+B pressed"),
+        },
         {
             combo: "Q",
             group: "HotkeysTarget Example",