From ef69c0ddc709f8bc965fa44199f15e893b8606e7 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Tue, 11 Feb 2025 15:28:29 +0700
Subject: [PATCH] Restore the accessibility role on call views (#29225)

This was mistakenly removed in a370a5cfa43. You can tell it was unintentional because the 'role' variable was just left unused.
---
 src/components/views/voip/CallView.tsx                  | 2 +-
 test/unit-tests/components/views/voip/CallView-test.tsx | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index d45554d08f..78249f56de 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -58,7 +58,7 @@ const JoinCallView: FC<JoinCallViewProps> = ({ room, resizing, call, skipLobby,
         await Promise.all(calls.map(async (call) => await call.disconnect()));
     }, []);
     return (
-        <div className="mx_CallView">
+        <div className="mx_CallView" role={role}>
             <AppTile
                 app={call.widget}
                 room={room}
diff --git a/test/unit-tests/components/views/voip/CallView-test.tsx b/test/unit-tests/components/views/voip/CallView-test.tsx
index 5299807484..f17e5bd20b 100644
--- a/test/unit-tests/components/views/voip/CallView-test.tsx
+++ b/test/unit-tests/components/views/voip/CallView-test.tsx
@@ -69,8 +69,8 @@ describe("CallView", () => {
         client.reEmitter.stopReEmitting(room, [RoomStateEvent.Events]);
     });
 
-    const renderView = async (skipLobby = false): Promise<void> => {
-        render(<CallView room={room} resizing={false} waitForCall={false} skipLobby={skipLobby} />);
+    const renderView = async (skipLobby = false, role: string | undefined = undefined): Promise<void> => {
+        render(<CallView room={room} resizing={false} waitForCall={false} skipLobby={skipLobby} role={role} />);
         await act(() => Promise.resolve()); // Let effects settle
     };
 
@@ -96,6 +96,11 @@ describe("CallView", () => {
             WidgetMessagingStore.instance.stopMessaging(widget, room.roomId);
         });
 
+        it("accepts an accessibility role", async () => {
+            await renderView(undefined, "main");
+            screen.getByRole("main");
+        });
+
         it("calls clean on mount", async () => {
             const cleanSpy = jest.spyOn(call, "clean");
             await renderView();