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,120 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "get_open_id_token",
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(page: Page, integrationManagerUrl: string) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.getByRole("button", { name: "Press to send action" }).click();
+}
+
+test.describe("Integration Manager: Get OpenID Token", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            },
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should successfully obtain an openID token", async ({ page, app }) => {
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl);
+
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response").getByText(/access_token/)).toBeVisible();
+    });
+});
@@ -0,0 +1,218 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+
+const ROOM_NAME = "Integration Manager Test";
+const USER_DISPLAY_NAME = "Alice";
+const BOT_DISPLAY_NAME = "Bob";
+const KICK_REASON = "Goodbye";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="target-user-id"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "kick",
+                            room_id: document.getElementById("target-room-id").value,
+                            user_id: document.getElementById("target-user-id").value,
+                            reason: "${KICK_REASON}",
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+            </script>
+        </body>
+    </html>
+`;
+
+async function closeIntegrationManager(page: Page, integrationManagerUrl: string) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.getByRole("button", { name: "Press to close" }).click();
+}
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    targetUserId: string,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#target-user-id").fill(targetUserId);
+    await iframe.getByRole("button", { name: "Press to send action" }).click();
+}
+
+async function clickUntilGone(page: Page, selector: string, attempt = 0) {
+    if (attempt === 11) {
+        throw new Error("clickUntilGone attempt count exceeded");
+    }
+
+    await page.locator(selector).last().click();
+
+    const count = await page.locator(selector).count();
+    if (count > 0) {
+        return clickUntilGone(page, selector, ++attempt);
+    }
+}
+
+async function expectKickedMessage(page: Page, shouldExist: boolean) {
+    // Expand any event summaries, we can't use a click multiple here because clicking one might de-render others
+    // This is quite horrible but seems the most stable way of clicking 0-N buttons,
+    // one at a time with a full re-evaluation after each click
+    await clickUntilGone(page, ".mx_GenericEventListSummary_toggle[aria-expanded=false]");
+
+    // Check for the event message (or lack thereof)
+    await expect(page.getByText(`${USER_DISPLAY_NAME} removed ${BOT_DISPLAY_NAME}: ${KICK_REASON}`)).toBeVisible({
+        visible: shouldExist,
+    });
+}
+
+test.describe("Integration Manager: Kick", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+        botCreateOpts: {
+            displayName: BOT_DISPLAY_NAME,
+            autoAcceptInvites: true,
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            },
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should kick the target", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, targetUser.credentials.userId);
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, true);
+    });
+
+    test("should not kick the target if lacking permissions", async ({ page, app, user, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+
+        await app.client.sendStateEvent(room.roomId, "m.room.power_levels", {
+            kick: 50,
+            users: {
+                [user.userId]: 0,
+            },
+        });
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, targetUser.credentials.userId);
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target already left", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+        await targetUser.leave(room.roomId);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, targetUser.credentials.userId);
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target was banned", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+        await app.client.inviteUser(room.roomId, targetUser.credentials.userId);
+        await expect(page.getByText(`${BOT_DISPLAY_NAME} joined the room`)).toBeVisible();
+        await app.client.ban(room.roomId, targetUser.credentials.userId);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, targetUser.credentials.userId);
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+
+    test("should no-op if the target was never a room member", async ({ page, app, bot: targetUser, room }) => {
+        await app.viewRoomByName(ROOM_NAME);
+
+        await openIntegrationManager(app);
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, targetUser.credentials.userId);
+        await closeIntegrationManager(page, integrationManagerUrl);
+        await expectKickedMessage(page, false);
+    });
+});
@@ -0,0 +1,225 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="event-type"/>
+            <input type="text" id="state-key"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "read_events",
+                            room_id: document.getElementById("target-room-id").value,
+                            type: document.getElementById("event-type").value,
+                            state_key: JSON.parse(document.getElementById("state-key").value),
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    eventType: string,
+    stateKey: string | boolean,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#event-type").fill(eventType);
+    await iframe.locator("#state-key").fill(JSON.stringify(stateKey));
+    await iframe.locator("#send-action").click();
+}
+
+test.describe("Integration Manager: Read Events", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            },
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+    });
+
+    test("should read a state event by state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "state-key-123";
+
+        // Send a state event
+        const sendEventResponse = await app.client.sendStateEvent(room.roomId, eventType, eventContent, stateKey);
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponse.event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent)}`);
+    });
+
+    test("should read a state event with empty state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send a state event
+        const sendEventResponse = await app.client.sendStateEvent(room.roomId, eventType, eventContent, stateKey);
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponse.event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent)}`);
+    });
+
+    test("should read state events with any state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+
+        const stateKey1 = "state-key-123";
+        const eventContent1 = {
+            foo1: "bar1",
+        };
+        const stateKey2 = "state-key-456";
+        const eventContent2 = {
+            foo2: "bar2",
+        };
+        const stateKey3 = "state-key-789";
+        const eventContent3 = {
+            foo3: "bar3",
+        };
+
+        // Send state events
+        const sendEventResponses = await Promise.all([
+            app.client.sendStateEvent(room.roomId, eventType, eventContent1, stateKey1),
+            app.client.sendStateEvent(room.roomId, eventType, eventContent2, stateKey2),
+            app.client.sendStateEvent(room.roomId, eventType, eventContent3, stateKey3),
+        ]);
+
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            true, // Any state key
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[0].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent1)}`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[1].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent2)}`);
+        await expect(iframe.locator("#message-response")).toContainText(sendEventResponses[2].event_id);
+        await expect(iframe.locator("#message-response")).toContainText(`"content":${JSON.stringify(eventContent3)}`);
+    });
+
+    test("should fail to read an event type which is not allowed", async ({ page, app, room }) => {
+        const eventType = "com.example.event";
+        const stateKey = "";
+
+        await openIntegrationManager(app);
+
+        // Read state events
+        await sendActionFromIntegrationManager(page, integrationManagerUrl, room.roomId, eventType, stateKey);
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("Failed to read events");
+    });
+});
@@ -0,0 +1,247 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { Page } from "@playwright/test";
+import { test, expect } from "../../element-web-test";
+import { openIntegrationManager } from "./utils";
+
+const ROOM_NAME = "Integration Manager Test";
+
+const INTEGRATION_MANAGER_TOKEN = "DefinitelySecret_DoNotUseThisForReal";
+const INTEGRATION_MANAGER_HTML = `
+    <html lang="en">
+        <head>
+            <title>Fake Integration Manager</title>
+        </head>
+        <body>
+            <input type="text" id="target-room-id"/>
+            <input type="text" id="event-type"/>
+            <input type="text" id="state-key"/>
+            <input type="text" id="event-content"/>
+            <button name="Send" id="send-action">Press to send action</button>
+            <button name="Close" id="close">Press to close</button>
+            <p id="message-response">No response</p>
+            <script>
+                document.getElementById("send-action").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "send_event",
+                            room_id: document.getElementById("target-room-id").value,
+                            type: document.getElementById("event-type").value,
+                            state_key: document.getElementById("state-key").value,
+                            content: JSON.parse(document.getElementById("event-content").value),
+                        },
+                        '*',
+                    );
+                };
+                document.getElementById("close").onclick = () => {
+                    window.parent.postMessage(
+                        {
+                            action: "close_scalar",
+                        },
+                        '*',
+                    );
+                };
+                // Listen for a postmessage response
+                window.addEventListener("message", (event) => {
+                    document.getElementById("message-response").innerText = JSON.stringify(event.data);
+                });
+            </script>
+        </body>
+    </html>
+`;
+
+async function sendActionFromIntegrationManager(
+    page: Page,
+    integrationManagerUrl: string,
+    targetRoomId: string,
+    eventType: string,
+    stateKey: string,
+    content: Record<string, unknown>,
+) {
+    const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+    await iframe.locator("#target-room-id").fill(targetRoomId);
+    await iframe.locator("#event-type").fill(eventType);
+    if (stateKey) {
+        await iframe.locator("#state-key").fill(stateKey);
+    }
+    await iframe.locator("#event-content").fill(JSON.stringify(content));
+    await iframe.locator("#send-action").click();
+}
+
+test.describe("Integration Manager: Send Event", () => {
+    test.use({
+        displayName: "Alice",
+        room: async ({ user, app }, use) => {
+            const roomId = await app.client.createRoom({
+                name: ROOM_NAME,
+            });
+            await use({ roomId });
+        },
+    });
+
+    let integrationManagerUrl: string;
+    test.beforeEach(async ({ page, webserver }) => {
+        integrationManagerUrl = webserver.start(INTEGRATION_MANAGER_HTML);
+
+        await page.addInitScript(
+            ({ token, integrationManagerUrl }) => {
+                window.localStorage.setItem("mx_scalar_token", token);
+                window.localStorage.setItem(`mx_scalar_token_at_${integrationManagerUrl}`, token);
+            },
+            {
+                token: INTEGRATION_MANAGER_TOKEN,
+                integrationManagerUrl,
+            },
+        );
+    });
+
+    test.beforeEach(async ({ page, user, app, room }) => {
+        await app.client.setAccountData("m.widgets", {
+            "m.integration_manager": {
+                content: {
+                    type: "m.integration_manager",
+                    name: "Integration Manager",
+                    url: integrationManagerUrl,
+                    data: {
+                        api_url: integrationManagerUrl,
+                    },
+                },
+                id: "integration-manager",
+            },
+        });
+
+        // Succeed when checking the token is valid
+        await page.route(
+            `${integrationManagerUrl}/account?scalar_token=${INTEGRATION_MANAGER_TOKEN}*`,
+            async (route) => {
+                await route.fulfill({
+                    json: {
+                        user_id: user.userId,
+                    },
+                });
+            },
+        );
+
+        await app.viewRoomByName(ROOM_NAME);
+        await openIntegrationManager(app);
+    });
+
+    test("should send a state event", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "state-key-123";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject(eventContent);
+    });
+
+    test("should send a state event with empty content", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {};
+        const stateKey = "state-key-123";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject({});
+    });
+
+    test("should send a state event with empty state key", async ({ page, app, room }) => {
+        const eventType = "io.element.integrations.installations";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("event_id");
+
+        // Check the event
+        const event = await app.client.evaluate(
+            (cli, { room, eventType, stateKey }) => {
+                return cli.getStateEvent(room.roomId, eventType, stateKey);
+            },
+            { room, eventType, stateKey },
+        );
+        expect(event).toMatchObject(eventContent);
+    });
+
+    test("should fail to send an event type which is not allowed", async ({ page, room }) => {
+        const eventType = "com.example.event";
+        const eventContent = {
+            foo: "bar",
+        };
+        const stateKey = "";
+
+        // Send the event
+        await sendActionFromIntegrationManager(
+            page,
+            integrationManagerUrl,
+            room.roomId,
+            eventType,
+            stateKey,
+            eventContent,
+        );
+
+        // Check the response
+        const iframe = page.frameLocator(`iframe[src*="${integrationManagerUrl}"]`);
+        await expect(iframe.locator("#message-response")).toContainText("Failed to send event");
+    });
+});
@@ -0,0 +1,16 @@
+/*
+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
+Please see LICENSE files in the repository root for full details.
+*/
+
+import type { ElementAppPage } from "../../pages/ElementAppPage";
+
+export async function openIntegrationManager(app: ElementAppPage) {
+    const { page } = app;
+    await app.toggleRoomInfoPanel();
+    await page.getByRole("menuitem", { name: "Extensions" }).click();
+    await page.getByRole("button", { name: "Add extensions" }).click();
+}