mirror of
https://github.com/vector-im/element-web.git
synced 2025-12-09 03:11:23 +01:00
9faee160e9
* Move `EditInPlace` out of `Form` If it is part of the form saving will submit the inner form of EditInPlace and reload EW. * add tests and comments * update snapshot * fix playwright
41 lines
1.4 KiB
TypeScript
41 lines
1.4 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";
|
|
|
|
test.describe("Devtools", () => {
|
|
test.use({
|
|
displayName: "Alice",
|
|
});
|
|
|
|
test("should render the devtools", { tag: "@screenshot" }, async ({ page, homeserver, user, app, axe }) => {
|
|
await app.client.createRoom({ name: "Test Room" });
|
|
await app.viewRoomByName("Test Room");
|
|
|
|
const composer = app.getComposer().locator("[contenteditable]");
|
|
await composer.fill("/devtools");
|
|
await composer.press("Enter");
|
|
const dialog = page.locator(".mx_Dialog");
|
|
await dialog.getByLabel("Developer mode").check();
|
|
|
|
axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
|
|
await expect(axe).toHaveNoViolations();
|
|
await expect(dialog).toMatchScreenshot("devtools-dialog.png", {
|
|
css: `.mx_CopyableText {
|
|
display: none;
|
|
}`,
|
|
});
|
|
|
|
// Try entering a value for the Developer.elementCallUrl setting
|
|
const input = page.getByRole("textbox", { name: "Element Call URL" });
|
|
await input.fill("https://example.com");
|
|
await input.press("Enter");
|
|
// expect EW NOT to reload
|
|
await page.getByText("Saved").isVisible();
|
|
});
|
|
});
|