Add user-owned IM channel connections

2026-06-11 09:55:59 +00:00 · 2026-06-10 21:07:44 +08:00
parent 0fb18e368c
commit dbe3a3bb0d
47 changed files with 4009 additions and 47 deletions
@@ -0,0 +1,77 @@
+import { expect, test, type Page } from "@playwright/test";
+
+import { mockLangGraphAPI } from "./utils/mock-api";
+
+function mockChannelsAPI(page: Page) {
+  void page.route("**/api/channels/providers", (route) => {
+    return route.fulfill({
+      status: 200,
+      contentType: "application/json",
+      body: JSON.stringify({
+        enabled: true,
+        providers: [
+          {
+            provider: "telegram",
+            display_name: "Telegram",
+            enabled: true,
+            configured: true,
+            auth_mode: "deep_link",
+            connection_status: "not_connected",
+          },
+          {
+            provider: "slack",
+            display_name: "Slack",
+            enabled: true,
+            configured: true,
+            auth_mode: "oauth",
+            connection_status: "not_connected",
+          },
+          {
+            provider: "discord",
+            display_name: "Discord",
+            enabled: true,
+            configured: true,
+            auth_mode: "oauth_and_bot_install",
+            connection_status: "not_connected",
+          },
+        ],
+      }),
+    });
+  });
+
+  void page.route("**/api/channels/connections", (route) => {
+    return route.fulfill({
+      status: 200,
+      contentType: "application/json",
+      body: JSON.stringify({ connections: [] }),
+    });
+  });
+}
+
+test.describe("IM channels", () => {
+  test("sidebar and settings expose channel connections", async ({ page }) => {
+    mockLangGraphAPI(page);
+    mockChannelsAPI(page);
+
+    await page.goto("/workspace/chats/new");
+
+    const sidebar = page.locator("[data-sidebar='sidebar']");
+    await expect(sidebar.getByText("Channels")).toBeVisible({
+      timeout: 15_000,
+    });
+    await expect(sidebar.getByText("Telegram")).toBeVisible();
+    await expect(sidebar.getByText("Slack")).toBeVisible();
+    await expect(sidebar.getByText("Discord")).toBeVisible();
+    await expect(sidebar.getByRole("button", { name: "Connect" })).toHaveCount(
+      3,
+    );
+
+    await sidebar.getByRole("button", { name: /Settings and more/ }).click();
+    await page.getByRole("menuitem", { name: "Settings" }).click();
+    await page.getByRole("button", { name: "Channels" }).click();
+
+    await expect(page.getByText("Telegram direct messages")).toBeVisible();
+    await expect(page.getByText("Slack workspace messages")).toBeVisible();
+    await expect(page.getByText("Discord server messages")).toBeVisible();
+  });
+});