Florian Duros
6b67b24254
* feat: add creation section dialog * feat: add in skip list a method to change filters * feat: add helper to creation section * feat: add custom sections data to Settings * feat: add custom section to room list store v3 * feat: update header and room list item vms * feat: add toast to room list vm * feat: add new translation * chore: move util functions of room list specs * test: add custom section playwright tests * chore: call loadCustomSections in RoomListStoreV3 ctor
45 lines
1.9 KiB
TypeScript
45 lines
1.9 KiB
TypeScript
/*
|
|
* 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 { test, expect } from "../../../element-web-test";
|
|
import { getSearchSection } from "./utils";
|
|
|
|
test.describe("Search section of the room list", () => {
|
|
test.use({
|
|
labsFlags: ["feature_new_room_list"],
|
|
});
|
|
|
|
test.beforeEach(async ({ page, app, user }) => {
|
|
// The notification toast is displayed above the search section
|
|
await app.closeNotificationToast();
|
|
});
|
|
|
|
test("should render the search section", { tag: "@screenshot" }, async ({ page, app, user }) => {
|
|
const searchSection = getSearchSection(page);
|
|
// exact=false to ignore the shortcut which is related to the OS
|
|
await expect(searchSection.getByRole("button", { name: "Search", exact: false })).toBeVisible();
|
|
await expect(searchSection).toMatchScreenshot("search-section.png");
|
|
});
|
|
|
|
test("should open the spotlight when the search button is clicked", async ({ page, app, user }) => {
|
|
const searchSection = getSearchSection(page);
|
|
await searchSection.getByRole("button", { name: "Search", exact: false }).click();
|
|
// The spotlight should be displayed
|
|
await expect(page.getByRole("dialog", { name: "Search Dialog" })).toBeVisible();
|
|
});
|
|
|
|
test("should open the room directory when the search button is clicked", async ({ page, app, user }) => {
|
|
const searchSection = getSearchSection(page);
|
|
await searchSection.getByRole("button", { name: "Explore rooms" }).click();
|
|
const dialog = page.getByRole("dialog", { name: "Search Dialog" });
|
|
// The room directory should be displayed
|
|
await expect(dialog).toBeVisible();
|
|
// The public room filter should be displayed
|
|
await expect(dialog.getByText("Public rooms")).toBeVisible();
|
|
});
|
|
});
|