test: Fix mute test, behavior change from setMuted to setAudioEnabled

useCallViewKeyboardShortcuts() changed a param from `setMicrophoneMuted` to `setAudioEnabled`, the boolean arg of the callback is inverse tht it used to be
This commit is contained in:
Valere
2025-10-09 19:24:44 +02:00
parent 7cbb1ec1e8
commit a500915c43

View File

@@ -23,14 +23,14 @@ import {
// The TestComponent just wraps a button around that hook. // The TestComponent just wraps a button around that hook.
interface TestComponentProps { interface TestComponentProps {
setMicrophoneMuted?: (muted: boolean) => void; setAudioEnabled?: (enabled: boolean) => void;
onButtonClick?: () => void; onButtonClick?: () => void;
sendReaction?: () => void; sendReaction?: () => void;
toggleHandRaised?: () => void; toggleHandRaised?: () => void;
} }
const TestComponent: FC<TestComponentProps> = ({ const TestComponent: FC<TestComponentProps> = ({
setMicrophoneMuted = (): void => {}, setAudioEnabled = (): void => {},
onButtonClick = (): void => {}, onButtonClick = (): void => {},
sendReaction = (reaction: ReactionOption): void => {}, sendReaction = (reaction: ReactionOption): void => {},
toggleHandRaised = (): void => {}, toggleHandRaised = (): void => {},
@@ -40,7 +40,7 @@ const TestComponent: FC<TestComponentProps> = ({
ref, ref,
() => {}, () => {},
() => {}, () => {},
setMicrophoneMuted, setAudioEnabled,
sendReaction, sendReaction,
toggleHandRaised, toggleHandRaised,
); );
@@ -57,12 +57,13 @@ test("spacebar unmutes", async () => {
render( render(
<TestComponent <TestComponent
onButtonClick={() => (muted = false)} onButtonClick={() => (muted = false)}
setMicrophoneMuted={(m) => { setAudioEnabled={(m) => {
muted = m; muted = !m;
}} }}
/>, />,
); );
expect(muted).toBe(true);
await user.keyboard("[Space>]"); await user.keyboard("[Space>]");
expect(muted).toBe(false); expect(muted).toBe(false);
await user.keyboard("[/Space]"); await user.keyboard("[/Space]");
@@ -73,15 +74,15 @@ test("spacebar unmutes", async () => {
test("spacebar prioritizes pressing a button", async () => { test("spacebar prioritizes pressing a button", async () => {
const user = userEvent.setup(); const user = userEvent.setup();
const setMuted = vi.fn(); const setAudioEnabled = vi.fn();
const onClick = vi.fn(); const onClick = vi.fn();
render( render(
<TestComponent setMicrophoneMuted={setMuted} onButtonClick={onClick} />, <TestComponent setAudioEnabled={setAudioEnabled} onButtonClick={onClick} />,
); );
await user.tab(); // Focus the button await user.tab(); // Focus the button
await user.keyboard("[Space]"); await user.keyboard("[Space]");
expect(setMuted).not.toBeCalled(); expect(setAudioEnabled).not.toBeCalled();
expect(onClick).toBeCalled(); expect(onClick).toBeCalled();
}); });
@@ -129,7 +130,7 @@ test("unmuting happens in place of the default action", async () => {
tabIndex={0} tabIndex={0}
onKeyDown={(e) => defaultPrevented(e.isDefaultPrevented())} onKeyDown={(e) => defaultPrevented(e.isDefaultPrevented())}
> >
<TestComponent setMicrophoneMuted={() => {}} /> <TestComponent setAudioEnabled={() => {}} />
</video>, </video>,
); );