[Bug]: Can't call press with AudioVolumeUp key

[Smrtnyk]

Version

1.58

Steps to reproduce

This is a trivial repro so I believe a repo for this is not needed

1. Call await page.keyboard.press("AudioVolumeUp"); https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_key_values#audio_control_keys

observe the error

Error: keyboard.press: Unknown key: "AudioVolumeUp"

      724 |             await page.locator("#focusableTarget").focus();
      725 |             for (const mediaKey of mediaTestKeys) {
    > 726 |                 await page.keyboard.press(mediaKey.key);
          |                                     ^
      727 |             }

Expected behavior

I expect this to work
A workaround i have is this:

 const mediaTestKeys = [
                { key: "AudioVolumeUp", code: "AudioVolumeUp", virtualKeyCode: 175 },
                { key: "AudioVolumeDown", code: "AudioVolumeDown", virtualKeyCode: 174 },
                { key: "AudioVolumeMute", code: "AudioVolumeMute", virtualKeyCode: 173 },
                { key: "MediaPlayPause", code: "MediaPlayPause", virtualKeyCode: 179 },
                { key: "MediaTrackNext", code: "MediaTrackNext", virtualKeyCode: 176 },
                { key: "MediaTrackPrevious", code: "MediaTrackPrevious", virtualKeyCode: 177 }
            ] as const;

await page.locator("#focusableTarget").focus();
            const cdpSession = await page.context().newCDPSession(page);
            for (const mediaKey of mediaTestKeys) {
                await cdpSession.send("Input.dispatchKeyEvent", {
                    type: "keyDown",
                    key: mediaKey.key,
                    code: mediaKey.code,
                    windowsVirtualKeyCode: mediaKey.virtualKeyCode,
                    nativeVirtualKeyCode: mediaKey.virtualKeyCode
                });
            }
            await cdpSession.detach();

but this limits me to run the test only on the chromium and not on firefox and webkit due to cdp usage

Actual behavior

I see

   Error: keyboard.press: Unknown key: "AudioVolumeUp"

      724 |             await page.locator("#focusableTarget").focus();
      725 |             for (const mediaKey of mediaTestKeys) {
    > 726 |                 await page.keyboard.press(mediaKey.key);
          |                                     ^
      727 |             }

Additional context

No response

Environment

System:
    OS: Windows 11 10.0.26200
    CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13950HX
    Memory: 37.02 GB / 63.69 GB
  Binaries:
    Node: 24.11.0 - C:\workspaces\devtools\node.EXE
    npm: 11.6.1 - C:\workspaces\devtools\npm.CMD
    pnpm: 10.30.3 - C:\Users\milan.keser\AppData\Roaming\npm\pnpm.CMD
  IDEs:
    VSCode: 1.109.4 - C:\Users\milan.keser\AppData\Local\Programs\Microsoft VS Code\bin\code.CMD

[dgozman]

@Smrtnyk Thank you for the issue. Would you like to send a PR updating usKeyboardLayout.ts and adding a test?

[Smrtnyk]

@Smrtnyk Thank you for the issue. Would you like to send a PR updating usKeyboardLayout.ts and adding a test?

Sure, will give it a stab

[Smrtnyk]

@dgozman opened a PR #39541