chore(focus): Listen to KeyboardEvent.key instead of .code

PiperOrigin-RevId: 404053797

Author: dfreedm

components/focus/strong-focus.ts

@@ -25,11 +25,11 @@ let focusObject: StrongFocus = new FocusGlobal();
 /**
  * Set of keyboard event codes that correspond to keyboard navigation
  */
-const KEYBOARD_NAVIGATION_CODES =
+const KEYBOARD_NAVIGATION_KEYS =
     new Set(['Tab', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown']);
 
 const KEYDOWN_HANDLER = (e: KeyboardEvent) => {
-  if (KEYBOARD_NAVIGATION_CODES.has(e.code)) {
+  if (KEYBOARD_NAVIGATION_KEYS.has(e.key)) {
     focusObject.setVisible(true);
   }
 };

components/focus/test/strong-focus.test.ts

@@ -15,8 +15,8 @@ class MockFocus {
   }
 }
 
-function simulateKeydown(code: string) {
-  const ev = new KeyboardEvent('keydown', {code, bubbles: true});
+function simulateKeydown(key: string) {
+  const ev = new KeyboardEvent('keydown', {key, bubbles: true});
   window.dispatchEvent(ev);
 }