test(e2e): add example tests

Author: florianduros

playwright/e2e/left-panel/room-list-panel/room-list.spec.ts

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2025 New Vector Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+import { type Page } from "@playwright/test";
+
+import { test, expect } from "../../../element-web-test";
+
+test.describe("Room list", () => {
+    test.use({
+        // labsFlags: ["feature_new_room_list"],
+    });
+
+    /**
+     * Get the room list
+     * @param page
+     */
+    function getRoomList(page: Page) {
+        return page.getByTestId("room-list");
+    }
+
+    test.beforeEach(async ({ page, app, user }) => {
+        // The notification toast is displayed above the search section
+        await app.closeNotificationToast();
+        for (let i = 0; i < 30; i++) {
+            await app.client.createRoom({ name: `room${i}` });
+        }
+    });
+
+    test("should render the legacy room list", { tag: "@screenshot" }, async ({ page, app, user }) => {
+        const roomListView = page.locator(".mx_LeftPanel_roomListWrapper");
+        await expect(roomListView).toMatchScreenshot("room-list-legacy.png");
+    });
+
+    test.describe("Room list search", () => {
+        test.use({ labsFlags: ["feature_new_room_list"] });
+
+        test("should render the room list", { tag: "@screenshot" }, async ({ page, app, user }) => {
+            const roomListView = getRoomList(page);
+            await expect(roomListView).toMatchScreenshot("room-list.png");
+        });
+    });
+});