diff --git a/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts index 7f87f3f43c..26d27cc01c 100644 --- a/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts +++ b/playwright/e2e/left-panel/room-list-panel/room-list-filter-sort.spec.ts @@ -326,7 +326,9 @@ test.describe("Room list filters and sort", () => { async ({ page, app, user }) => { const emptyRoomList = getEmptyRoomList(page); await expect(emptyRoomList).toMatchScreenshot("default-empty-room-list.png"); - await expect(page.getByTestId("room-list-panel")).toMatchScreenshot("room-panel-empty-room-list.png"); + await expect(page.getByRole("navigation", { name: "Room list" })).toMatchScreenshot( + "room-panel-empty-room-list.png", + ); }, ); diff --git a/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts index 8ca138a707..d0503e2caf 100644 --- a/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts +++ b/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts @@ -19,7 +19,7 @@ test.describe("Room list panel", () => { * @param page */ function getRoomListView(page: Page) { - return page.getByTestId("room-list-panel"); + return page.getByRole("navigation", { name: "Room list" }); } test.beforeEach(async ({ page, app, user }) => { @@ -44,7 +44,7 @@ test.describe("Room list panel", () => { test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page }) => { await page.setViewportSize({ width: 575, height: 600 }); - const roomListPanel = page.getByTestId("room-list-panel"); + const roomListPanel = getRoomListView(page); await expect(roomListPanel).toMatchScreenshot("room-list-panel-smallscreen.png"); }); }); diff --git a/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts b/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts index 73eb98512b..0567b8a162 100644 --- a/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts +++ b/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts @@ -278,7 +278,7 @@ test.describe("Room list", () => { }); test("should be a video room", { tag: "@screenshot" }, async ({ page, app, user }) => { - await page.getByTestId("room-list-panel").getByRole("button", { name: "Add" }).click(); + await page.getByRole("navigation", { name: "Room list" }).getByRole("button", { name: "Add" }).click(); await page.getByRole("menuitem", { name: "New video room" }).click(); await page.getByRole("textbox", { name: "Name" }).fill("video room"); await page.getByRole("button", { name: "Create video room" }).click(); diff --git a/src/components/structures/RoomView.tsx b/src/components/structures/RoomView.tsx index d64f4b7a36..b6f8bc06b3 100644 --- a/src/components/structures/RoomView.tsx +++ b/src/components/structures/RoomView.tsx @@ -315,7 +315,7 @@ function LocalRoomView(props: LocalRoomViewProps): ReactElement {