228 lines
10 KiB
TypeScript
228 lines
10 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022, 2023 The Matrix.org Foundation C.I.C.
|
|
|
|
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-core";
|
|
|
|
import { SettingLevel } from "../../../src/settings/SettingLevel";
|
|
import { UIFeature } from "../../../src/settings/UIFeature";
|
|
import { test, expect } from "../../element-web-test";
|
|
|
|
const name = "Test room";
|
|
const topic = "A decently explanatory topic for a test room.";
|
|
|
|
test.describe("Create Room", () => {
|
|
test.use({ displayName: "Jim" });
|
|
|
|
test(
|
|
"should create a public room with name, topic & address set",
|
|
{ tag: "@screenshot" },
|
|
async ({ page, user, app, axe }) => {
|
|
const dialog = await app.openCreateRoomDialog();
|
|
// Fill name & topic
|
|
await dialog.getByRole("textbox", { name: "Name" }).fill(name);
|
|
await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
|
|
// Change room to public
|
|
await dialog.getByRole("button", { name: "Room visibility" }).click();
|
|
await dialog.getByRole("option", { name: "Public room" }).click();
|
|
// Fill room address
|
|
await dialog.getByRole("textbox", { name: "Room address" }).fill("test-create-room-standard");
|
|
|
|
axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
|
|
await expect(axe).toHaveNoViolations();
|
|
// Snapshot it
|
|
// Mask topic to avoid flakiness with top border
|
|
await expect(dialog).toMatchScreenshot("create-room.png", {
|
|
mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
|
|
});
|
|
|
|
// Submit
|
|
await dialog.getByRole("button", { name: "Create room" }).click();
|
|
|
|
await expect(page).toHaveURL(new RegExp(`/#/room/#test-create-room-standard:${user.homeServer}`));
|
|
const header = page.locator(".mx_RoomHeader");
|
|
await expect(header).toContainText(name);
|
|
},
|
|
);
|
|
|
|
test("should allow us to start a chat and show encryption state", async ({ page, user, app }) => {
|
|
await page.getByRole("button", { name: "New conversation", exact: true }).click();
|
|
await page.getByRole("menuitem", { name: "Start chat" }).click();
|
|
|
|
await page.getByTestId("invite-dialog-input").fill(user.userId);
|
|
|
|
await page.getByRole("button", { name: "Go" }).click();
|
|
|
|
await expect(page.getByText("Encryption enabled")).toBeVisible();
|
|
await expect(page.getByText("Send your first message to")).toBeVisible();
|
|
|
|
const composer = page.getByRole("region", { name: "Message composer" });
|
|
await expect(composer.getByRole("textbox", { name: "Send a message…" })).toBeVisible();
|
|
});
|
|
|
|
test("should create a video room", { tag: "@screenshot" }, async ({ page, user, app }) => {
|
|
await app.settings.setValue("feature_video_rooms", null, SettingLevel.DEVICE, true);
|
|
|
|
const dialog = await app.openCreateRoomDialog("New video room");
|
|
// Fill name & topic
|
|
await dialog.getByRole("textbox", { name: "Name" }).fill(name);
|
|
await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
|
|
// Change room to public
|
|
await dialog.getByRole("button", { name: "Room visibility" }).click();
|
|
await dialog.getByRole("option", { name: "Public room" }).click();
|
|
// Fill room address
|
|
await dialog.getByRole("textbox", { name: "Room address" }).fill("test-create-room-video");
|
|
// Snapshot it
|
|
// Mask topic to avoid flakiness with top border
|
|
await expect(dialog).toMatchScreenshot("create-video-room.png", {
|
|
mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
|
|
});
|
|
|
|
// Submit
|
|
await dialog.getByRole("button", { name: "Create video room" }).click();
|
|
|
|
await expect(page).toHaveURL(new RegExp(`/#/room/#test-create-room-video:${user.homeServer}`));
|
|
const header = page.locator(".mx_RoomHeader");
|
|
await expect(header).toContainText(name);
|
|
});
|
|
|
|
test.describe("Should hide public room option if not allowed", () => {
|
|
test.use({
|
|
config: {
|
|
setting_defaults: {
|
|
[UIFeature.AllowCreatingPublicRooms]: false,
|
|
},
|
|
},
|
|
});
|
|
|
|
test("should disallow creating public rooms", { tag: "@screenshot" }, async ({ page, user, app, axe }) => {
|
|
const dialog = await app.openCreateRoomDialog();
|
|
// Fill name & topic
|
|
await dialog.getByRole("textbox", { name: "Name" }).fill(name);
|
|
await dialog.getByRole("textbox", { name: "Topic" }).fill(topic);
|
|
|
|
axe.disableRules("color-contrast"); // XXX: Inheriting colour contrast issues from room view.
|
|
await expect(axe).toHaveNoViolations();
|
|
// Snapshot it
|
|
// Mask topic to avoid flakiness with top border
|
|
await expect(dialog).toMatchScreenshot("create-room-no-public.png", {
|
|
mask: [dialog.locator(".mx_CreateRoomDialog_topic")],
|
|
});
|
|
|
|
// Submit
|
|
await dialog.getByRole("button", { name: "Create room" }).click();
|
|
|
|
await expect(page).toHaveURL(new RegExp(`/#/room/!.+`));
|
|
const header = page.locator(".mx_RoomHeader");
|
|
await expect(header).toContainText(name);
|
|
});
|
|
});
|
|
|
|
test.describe("when the encrypted state labs flag is turned off", () => {
|
|
test.use({ labsFlags: [] });
|
|
|
|
test("creates a room without encrypted state", { tag: "@screenshot" }, async ({ page, user: _user }) => {
|
|
// When we start to create a room
|
|
await page.getByRole("button", { name: "New conversation", exact: true }).click();
|
|
await page.getByRole("menuitem", { name: "New room" }).click();
|
|
await page.getByRole("textbox", { name: "Name" }).fill(name);
|
|
|
|
// Then there is no Encrypt state events button
|
|
await expect(page.getByRole("checkbox", { name: "Encrypt state events" })).not.toBeVisible();
|
|
|
|
// And when we create the room
|
|
await page.getByRole("button", { name: "Create room" }).click();
|
|
|
|
// Then we created a normal encrypted room, without encrypted state
|
|
await expect(page.getByText("Encryption enabled")).toBeVisible();
|
|
await expect(page.getByText("State encryption enabled")).not.toBeVisible();
|
|
|
|
// And the room name state event is not encrypted
|
|
await viewSourceOnRoomNameEvent(page);
|
|
await expect(page.getByText("Original event source")).toBeVisible();
|
|
await expect(page.getByText("Decrypted event source")).not.toBeVisible();
|
|
});
|
|
});
|
|
|
|
test.describe("when the encrypted state labs flag is turned on", () => {
|
|
test.use({ labsFlags: ["feature_msc4362_encrypted_state_events"] });
|
|
|
|
test(
|
|
"creates a room with encrypted state if we check the box",
|
|
{ tag: "@screenshot" },
|
|
async ({ page, user: _user }) => {
|
|
// Given we check the Encrypted State checkbox
|
|
await page.getByRole("button", { name: "New conversation", exact: true }).click();
|
|
await page.getByRole("menuitem", { name: "New room" }).click();
|
|
await expect(page.getByRole("switch", { name: "Enable end-to-end encryption" })).toBeChecked();
|
|
await page.getByRole("switch", { name: "Encrypt state events" }).click();
|
|
await expect(page.getByRole("switch", { name: "Encrypt state events" })).toBeChecked();
|
|
|
|
// When we create a room
|
|
await page.getByRole("textbox", { name: "Name" }).fill(name);
|
|
await page.getByRole("button", { name: "Create room" }).click();
|
|
|
|
// Then we created an encrypted state room
|
|
await expect(page.getByText("State encryption enabled")).toBeVisible();
|
|
|
|
// And it has the correct name
|
|
await expect(page.getByTestId("timeline").getByRole("heading", { name })).toBeVisible();
|
|
|
|
// And the room name state event is encrypted
|
|
await viewSourceOnRoomNameEvent(page);
|
|
await expect(page.getByText("Decrypted event source")).toBeVisible();
|
|
},
|
|
);
|
|
|
|
test(
|
|
"creates a room without encrypted state if we don't check the box",
|
|
{ tag: "@screenshot" },
|
|
async ({ page, user: _user }) => {
|
|
// Given we did not check the Encrypted State checkbox
|
|
await page.getByRole("button", { name: "New conversation", exact: true }).click();
|
|
await page.getByRole("menuitem", { name: "New room" }).click();
|
|
await expect(page.getByRole("switch", { name: "Enable end-to-end encryption" })).toBeChecked();
|
|
|
|
// And it is off by default
|
|
await expect(page.getByRole("switch", { name: "Encrypt state events" })).not.toBeChecked();
|
|
|
|
// When we create a room
|
|
await page.getByRole("textbox", { name: "Name" }).fill(name);
|
|
await page.getByRole("button", { name: "Create room" }).click();
|
|
|
|
// Then we created a normal encrypted room, without encrypted state
|
|
await expect(page.getByText("Encryption enabled")).toBeVisible();
|
|
await expect(page.getByText("State encryption enabled")).not.toBeVisible();
|
|
|
|
// And it has the correct name
|
|
await expect(page.getByTestId("timeline").getByRole("heading", { name })).toBeVisible();
|
|
|
|
// And the room name state event is not encrypted
|
|
await viewSourceOnRoomNameEvent(page);
|
|
await expect(page.getByText("Original event source")).toBeVisible();
|
|
await expect(page.getByText("Decrypted event source")).not.toBeVisible();
|
|
},
|
|
);
|
|
});
|
|
});
|
|
|
|
async function viewSourceOnRoomNameEvent(page: Page) {
|
|
await page
|
|
.getByRole("listitem")
|
|
.filter({ hasText: "created and configured the room" })
|
|
.getByRole("button", { name: "expand" })
|
|
.click();
|
|
|
|
await page
|
|
.getByRole("listitem")
|
|
.filter({ hasText: "changed the room name to" })
|
|
.getByRole("button", { name: "Options" })
|
|
.click();
|
|
|
|
await page.getByRole("menuitem", { name: "View source" }).click();
|
|
}
|