Absorb the matrix-react-sdk repository (#28192)

Co-authored-by: github-merge-queue <118344674+github-merge-queue@users.noreply.github.com> Co-authored-by: github-merge-queue <github-merge-queue@users.noreply.github.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Florian Duros <florian.duros@ormaz.fr> Co-authored-by: Kim Brose <kim.brose@nordeck.net> Co-authored-by: Florian Duros <florianduros@element.io> Co-authored-by: R Midhun Suresh <hi@midhun.dev> Co-authored-by: dbkr <986903+dbkr@users.noreply.github.com> Co-authored-by: ElementRobot <releases@riot.im> Co-authored-by: dbkr <dbkr@users.noreply.github.com> Co-authored-by: David Baker <dbkr@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> Co-authored-by: David Langley <davidl@element.io> Co-authored-by: Michael Weimann <michaelw@matrix.org> Co-authored-by: Timshel <Timshel@users.noreply.github.com> Co-authored-by: Sahil Silare <32628578+sahil9001@users.noreply.github.com> Co-authored-by: Will Hunt <will@half-shot.uk> Co-authored-by: Hubert Chathi <hubert@uhoreg.ca> Co-authored-by: Andrew Ferrazzutti <andrewf@element.io> Co-authored-by: Robin <robin@robin.town> Co-authored-by: Tulir Asokan <tulir@maunium.net>
2026-11-02 21:32:46 +00:00 · 2024-10-16 13:31:55 +01:00
parent 2b99496025
commit c05c429803
3280 changed files with 586617 additions and 905 deletions
@@ -0,0 +1,130 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2023 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 { Bot } from "../../pages/bot";
+import type { Locator, Page } from "@playwright/test";
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+import { test, expect } from "../../element-web-test";
+
+test.describe("Lazy Loading", () => {
+    const charlies: Bot[] = [];
+
+    test.use({
+        displayName: "Alice",
+        botCreateOpts: { displayName: "Bob" },
+    });
+
+    test.beforeEach(async ({ page }) => {
+        await page.addInitScript(() => {
+            window.localStorage.setItem("mx_lhs_size", "0"); // Collapse left panel for these tests
+        });
+    });
+
+    test.beforeEach(async ({ page, homeserver, user, bot }) => {
+        for (let i = 1; i <= 10; i++) {
+            const displayName = `Charly #${i}`;
+            const bot = new Bot(page, homeserver, { displayName, startClient: false, autoAcceptInvites: false });
+            charlies.push(bot);
+        }
+    });
+
+    const name = "Lazy Loading Test";
+    const alias = "#lltest:localhost";
+    const charlyMsg1 = "hi bob!";
+    const charlyMsg2 = "how's it going??";
+    let roomId: string;
+
+    async function setupRoomWithBobAliceAndCharlies(page: Page, app: ElementAppPage, bob: Bot, charlies: Bot[]) {
+        const visibility = await page.evaluate(() => (window as any).matrixcs.Visibility.Public);
+        roomId = await bob.createRoom({
+            name,
+            room_alias_name: "lltest",
+            visibility,
+        });
+
+        await Promise.all(charlies.map((bot) => bot.joinRoom(alias)));
+        for (const charly of charlies) {
+            await charly.sendMessage(roomId, charlyMsg1);
+        }
+        for (const charly of charlies) {
+            await charly.sendMessage(roomId, charlyMsg2);
+        }
+
+        for (let i = 20; i >= 1; --i) {
+            await bob.sendMessage(roomId, `I will only say this ${i} time(s)!`);
+        }
+        await app.client.joinRoom(alias);
+        await app.viewRoomByName(name);
+    }
+
+    async function checkPaginatedDisplayNames(app: ElementAppPage, charlies: Bot[]) {
+        await app.timeline.scrollToTop();
+        for (const charly of charlies) {
+            await expect(await app.timeline.findEventTile(charly.credentials.displayName, charlyMsg1)).toBeAttached();
+            await expect(await app.timeline.findEventTile(charly.credentials.displayName, charlyMsg2)).toBeAttached();
+        }
+    }
+
+    async function openMemberlist(app: ElementAppPage): Promise<void> {
+        await app.toggleRoomInfoPanel();
+        const { page } = app;
+        await page.locator(".mx_RightPanel").getByRole("menuitem", { name: "People" }).click();
+    }
+
+    function getMemberInMemberlist(page: Page, name: string): Locator {
+        return page.locator(".mx_MemberList .mx_EntityTile_name").filter({ hasText: name });
+    }
+
+    async function checkMemberList(page: Page, charlies: Bot[]) {
+        await expect(getMemberInMemberlist(page, "Alice")).toBeAttached();
+        await expect(getMemberInMemberlist(page, "Bob")).toBeAttached();
+        for (const charly of charlies) {
+            await expect(getMemberInMemberlist(page, charly.credentials.displayName)).toBeAttached();
+        }
+    }
+
+    async function checkMemberListLacksCharlies(page: Page, charlies: Bot[]) {
+        for (const charly of charlies) {
+            await expect(getMemberInMemberlist(page, charly.credentials.displayName)).not.toBeAttached();
+        }
+    }
+
+    async function joinCharliesWhileAliceIsOffline(page: Page, app: ElementAppPage, charlies: Bot[]) {
+        await app.client.network.goOffline();
+        for (const charly of charlies) {
+            await charly.joinRoom(alias);
+        }
+        for (let i = 20; i >= 1; --i) {
+            await charlies[0].sendMessage(roomId, "where is charly?");
+        }
+        await app.client.network.goOnline();
+        await app.client.waitForNextSync();
+    }
+
+    test("should handle lazy loading properly even when offline", async ({ page, app, bot }) => {
+        test.slow();
+        const charly1to5 = charlies.slice(0, 5);
+        const charly6to10 = charlies.slice(5);
+
+        // Set up room with alice, bob & charlies 1-5
+        await setupRoomWithBobAliceAndCharlies(page, app, bot, charly1to5);
+        // Alice should see 2 messages from every charly with the correct display name
+        await checkPaginatedDisplayNames(app, charly1to5);
+
+        await openMemberlist(app);
+        await checkMemberList(page, charly1to5);
+        await joinCharliesWhileAliceIsOffline(page, app, charly6to10);
+        await checkMemberList(page, charly6to10);
+
+        for (const charly of charlies) {
+            await charly.evaluate((client, roomId) => client.leave(roomId), roomId);
+        }
+
+        await checkMemberListLacksCharlies(page, charlies);
+    });
+});