mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-25 01:48:43 +08:00
491f0cd08a
* Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint
99 lines
3.8 KiB
TypeScript
99 lines
3.8 KiB
TypeScript
/*
|
|
Copyright 2024 New Vector Ltd.
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
|
|
Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
import type { EventType } from "matrix-js-sdk/src/matrix";
|
|
import { test, expect } from "../../element-web-test";
|
|
import { Bot } from "../../pages/bot";
|
|
|
|
test.describe("Room Directory", () => {
|
|
test.use({
|
|
displayName: "Alice",
|
|
});
|
|
|
|
test("should switch between existing dm rooms without a loader", async ({ page, homeserver, app, user }) => {
|
|
const bob = new Bot(page, homeserver, { displayName: "Bob" });
|
|
await bob.prepareClient();
|
|
const charlie = new Bot(page, homeserver, { displayName: "Charlie" });
|
|
await charlie.prepareClient();
|
|
|
|
// create dms with bob and charlie
|
|
await app.client.evaluate(
|
|
async (cli, { bob, charlie }) => {
|
|
const bobRoom = await cli.createRoom({ is_direct: true });
|
|
const charlieRoom = await cli.createRoom({ is_direct: true });
|
|
await cli.invite(bobRoom.room_id, bob);
|
|
await cli.invite(charlieRoom.room_id, charlie);
|
|
await cli.setAccountData("m.direct" as EventType, {
|
|
[bob]: [bobRoom.room_id],
|
|
[charlie]: [charlieRoom.room_id],
|
|
});
|
|
},
|
|
{
|
|
bob: bob.credentials.userId,
|
|
charlie: charlie.credentials.userId,
|
|
},
|
|
);
|
|
|
|
await app.viewRoomByName("Bob");
|
|
|
|
// short timeout because loader is only visible for short period
|
|
// we want to make sure it is never displayed when switching these rooms
|
|
await expect(page.locator(".mx_RoomPreviewBar_spinnerTitle")).not.toBeVisible({ timeout: 1 });
|
|
// confirm the room was loaded
|
|
await expect(page.getByText("Bob joined the room")).toBeVisible();
|
|
|
|
await app.viewRoomByName("Charlie");
|
|
await expect(page.locator(".mx_RoomPreviewBar_spinnerTitle")).not.toBeVisible({ timeout: 1 });
|
|
// confirm the room was loaded
|
|
await expect(page.getByText("Charlie joined the room")).toBeVisible();
|
|
});
|
|
|
|
test("should memorize the timeline position when switch Room A -> Room B -> Room A", async ({
|
|
page,
|
|
app,
|
|
user,
|
|
}) => {
|
|
// Create the two rooms
|
|
const roomAId = await app.client.createRoom({ name: "Room A" });
|
|
const roomBId = await app.client.createRoom({ name: "Room B" });
|
|
// Display Room A
|
|
await app.viewRoomById(roomAId);
|
|
|
|
// Send the first message and get the event ID
|
|
const { event_id: eventId } = await app.client.sendMessage(roomAId, { body: "test0", msgtype: "m.text" });
|
|
// Send 49 more messages
|
|
for (let i = 1; i < 50; i++) {
|
|
await app.client.sendMessage(roomAId, { body: `test${i}`, msgtype: "m.text" });
|
|
}
|
|
|
|
// Wait for all the messages to be displayed
|
|
await expect(
|
|
page.locator(".mx_EventTile_last .mx_MTextBody .mx_EventTile_body").getByText("test49"),
|
|
).toBeVisible();
|
|
|
|
// Display the first message
|
|
await page.goto(`/#/room/${roomAId}/${eventId}`);
|
|
|
|
// Wait for the first message to be displayed
|
|
await expect(page.locator(".mx_MTextBody .mx_EventTile_body").getByText("test0")).toBeInViewport();
|
|
|
|
// Display Room B
|
|
await app.viewRoomById(roomBId);
|
|
|
|
// Let the app settle to avoid flakiness
|
|
await page.waitForTimeout(500);
|
|
|
|
// Display Room A
|
|
await app.viewRoomById(roomAId);
|
|
|
|
// The timeline should display the first message
|
|
// The previous position before switching to Room B should be remembered
|
|
await expect(page.locator(".mx_MTextBody .mx_EventTile_body").getByText("test0")).toBeInViewport();
|
|
});
|
|
});
|