element-web/playwright/e2e/room/room.spec.ts
Michael Telatynski b02ff16a21
Migrate room/* from Cypress to Playwright (#11985)
* Remove old percy media query CSS

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Stabilise soft_logout.spec.ts

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update screenshots using `toMatchScreenshot` assertion with CSS overrides

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Fix accidentally commented test

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Migrate room/* from Cypress to Playwright

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* delint

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Add screenshots

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update labs.ts

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2023-12-04 12:01:06 +00:00

63 lines
2.5 KiB
TypeScript

/*
Copyright 2022 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 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();
});
});