mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-16 13:14:58 +08:00
bb1b7f1fd0
* Default the room header to on * Refactor code into helper method Add a method to open/close the room info panel and use it everywhere. * Fix broken tests, update snapshots and screenshots * Update room header tests to make sense with the new header
109 lines
4.2 KiB
TypeScript
109 lines
4.2 KiB
TypeScript
/*
|
|
Copyright 2023 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { Locator, Page } from "@playwright/test";
|
|
|
|
import type { SettingLevel } from "../../src/settings/SettingLevel";
|
|
|
|
export class Settings {
|
|
public constructor(private readonly page: Page) {}
|
|
|
|
/**
|
|
* Open the top left user menu, returning a Locator to the resulting context menu.
|
|
*/
|
|
public async openUserMenu(): Promise<Locator> {
|
|
const locator = this.page.locator(".mx_ContextualMenu");
|
|
if (await locator.locator(".mx_UserMenu_contextMenu_header").isVisible()) return locator;
|
|
await this.page.getByRole("button", { name: "User menu" }).click();
|
|
await locator.waitFor();
|
|
return locator;
|
|
}
|
|
|
|
/**
|
|
* Close dialog currently open dialog
|
|
*/
|
|
public async closeDialog(): Promise<void> {
|
|
return this.page.getByRole("button", { name: "Close dialog", exact: true }).click();
|
|
}
|
|
|
|
/**
|
|
* Sets the value for a setting. The room ID is optional if the
|
|
* setting is not being set for a particular room, otherwise it
|
|
* should be supplied. The value may be null to indicate that the
|
|
* level should no longer have an override.
|
|
* @param {string} settingName The name of the setting to change.
|
|
* @param {String} roomId The room ID to change the value in, may be
|
|
* null.
|
|
* @param {SettingLevel} level The level to change the value at.
|
|
* @param {*} value The new value of the setting, may be null.
|
|
* @return {Promise} Resolves when the setting has been changed.
|
|
*/
|
|
public async setValue(settingName: string, roomId: string, level: SettingLevel, value: any): Promise<void> {
|
|
return this.page.evaluate<
|
|
Promise<void>,
|
|
{
|
|
settingName: string;
|
|
roomId: string | null;
|
|
level: SettingLevel;
|
|
value: any;
|
|
}
|
|
>(
|
|
({ settingName, roomId, level, value }) => {
|
|
return window.mxSettingsStore.setValue(settingName, roomId, level, value);
|
|
},
|
|
{ settingName, roomId, level, value },
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Switch settings tab to the one by the given name
|
|
* @param tab the name of the tab to switch to.
|
|
*/
|
|
public async switchTab(tab: string): Promise<void> {
|
|
await this.page
|
|
.locator(".mx_TabbedView_tabLabels")
|
|
.locator(".mx_TabbedView_tabLabel", { hasText: tab })
|
|
.click();
|
|
}
|
|
|
|
/**
|
|
* Open user settings (via user menu), returns a locator to the dialog
|
|
* @param tab the name of the tab to switch to after opening, optional.
|
|
*/
|
|
public async openUserSettings(tab?: string): Promise<Locator> {
|
|
const locator = await this.openUserMenu();
|
|
await locator.getByRole("menuitem", { name: "All settings", exact: true }).click();
|
|
if (tab) await this.switchTab(tab);
|
|
return this.page.locator(".mx_Dialog").filter({ has: this.page.locator(".mx_UserSettingsDialog") });
|
|
}
|
|
|
|
/**
|
|
* Open room settings (via room info panel), returns a locator to the dialog
|
|
* @param tab the name of the tab to switch to after opening, optional.
|
|
*/
|
|
public async openRoomSettings(tab?: string): Promise<Locator> {
|
|
// Open right panel if not open
|
|
const rightPanel = this.page.locator(".mx_RightPanel");
|
|
if ((await rightPanel.count()) === 0) {
|
|
await this.page.getByRole("button", { name: "Room info" }).first().click();
|
|
}
|
|
await rightPanel.getByRole("menuitem", { name: "Settings" }).click();
|
|
|
|
if (tab) await this.switchTab(tab);
|
|
return this.page.locator(".mx_Dialog").filter({ has: this.page.locator(".mx_RoomSettingsDialog") });
|
|
}
|
|
}
|