Fix tests (accessibility issues with new buttons)

This commit is contained in:
Timo K
2026-05-12 16:48:08 +02:00
parent 7842f5a8d0
commit 7ad8f9f182
2 changed files with 4 additions and 1 deletions

View File

@@ -54,6 +54,8 @@ test("can only interact with header and footer while reconnecting", async ({
page.getByRole("switch", { name: "Mute microphone" }),
).toBeFocused();
await page.keyboard.press("Tab");
await expect(page.getByRole("button", { name: "Microphone" })).toBeFocused();
await page.keyboard.press("Tab");
await expect(page.getByRole("switch", { name: "Stop video" })).toBeFocused();
// Most critically, we should be able to press the hangup button
await page.getByRole("button", { name: "End call" }).click();

View File

@@ -98,7 +98,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
IconOptions: VideoCallIcon,
disabledLabel: t("stop_video_button_label"),
enabledLabel: t("start_video_button_label"),
optionsButtonLabel: t("settings.devices.microphone"),
optionsButtonLabel: t("settings.devices.camera"),
};
break;
case "audio":
@@ -152,6 +152,7 @@ export const MediaMuteAndSwitchButton: FC<MediaMuteAndSwitchButtonProps> = ({
{/* The mute button lives inside */}
<Button
iconOnly
role="switch"
Icon={enabled ? IconEnabled : IconDisabled}
onClick={(e) => {
onMuteClick?.();