diff --git a/playwright/e2e/room/room-header.spec.ts b/playwright/e2e/room/room-header.spec.ts index 790d97545cb..78e37cd4d25 100644 --- a/playwright/e2e/room/room-header.spec.ts +++ b/playwright/e2e/room/room-header.spec.ts @@ -7,6 +7,7 @@ Please see LICENSE files in the repository root for full details. */ import { type Page } from "@playwright/test"; +import { type Visibility } from "matrix-js-sdk/src/matrix"; import { test, expect } from "../../element-web-test"; import { type ElementAppPage } from "../../pages/ElementAppPage"; @@ -85,6 +86,15 @@ test.describe("Room Header", () => { await expect(header).toMatchScreenshot("room-header-long-name.png"); }, ); + + test("should render room header icon correctly", { tag: "@screenshot" }, async ({ page, app, user }) => { + await app.client.createRoom({ name: "Test Room", visibility: "public" as Visibility }); + await app.viewRoomByName("Test Room"); + + const header = page.locator(".mx_RoomHeader"); + + await expect(header).toMatchScreenshot("room-header-with-icon.png"); + }); }); test.describe("with a video room", () => { diff --git a/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png b/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png new file mode 100644 index 00000000000..471c26ccdbb Binary files /dev/null and b/playwright/snapshots/room/room-header.spec.ts/room-header-with-icon-linux.png differ diff --git a/res/css/views/rooms/_RoomHeader.pcss b/res/css/views/rooms/_RoomHeader.pcss index ac2e419e0d2..afde8f34647 100644 --- a/res/css/views/rooms/_RoomHeader.pcss +++ b/res/css/views/rooms/_RoomHeader.pcss @@ -59,6 +59,7 @@ Please see LICENSE files in the repository root for full details. .mx_RoomHeader_icon { flex-shrink: 0; + padding: var(--cpd-space-1x); } .mx_RoomHeader .mx_FacePile {