mirror of
https://github.com/andrewyng/openworker.git
synced 2026-09-11 23:00:16 +00:00
Rohit C PrasadandDevika
2b45018ffa
Imported from andrewyng/aisuite@1b4bbf303e (contents of its platform/ directory, hoisted to the repo root). Development history prior to this commit lives in that repository. Co-authored-by: Devika <devikaverma11@gmail.com>
67 lines
3.1 KiB
TypeScript
67 lines
3.1 KiB
TypeScript
// The Connectors LIST (UX-DECISIONS §21): connected connectors first in their own
|
|
// section with a health chip, rows navigate to the connector's detail subpage
|
|
// (breadcrumb back), available connectors get a Connect pill → add-connection modal
|
|
// with One click | Manual pills for multi-mode connectors.
|
|
import { expect } from "@playwright/test";
|
|
import { test } from "./fixtures";
|
|
|
|
async function openConnectors(page) {
|
|
await page.goto("/");
|
|
await page.getByTestId("account-row").click();
|
|
await page.getByRole("button", { name: "Connectors", exact: true }).click();
|
|
}
|
|
|
|
test("connected connectors come first with status + health chip", async ({ page }) => {
|
|
await openConnectors(page);
|
|
|
|
const slack = page.getByTestId("connector-slack");
|
|
await expect(slack).toContainText("2 workspaces · relay");
|
|
// signed out + relay mode → the honest chip is the actionable one
|
|
await expect(slack).toContainText("Sign-in needed");
|
|
// available section renders the not-connected connectors with a Connect pill
|
|
await expect(
|
|
page.getByTestId("connector-telegram").getByRole("button", { name: "Connect" }),
|
|
).toBeVisible();
|
|
});
|
|
|
|
test("row navigates to the detail subpage; breadcrumb returns", async ({ page }) => {
|
|
await openConnectors(page);
|
|
await page.getByTestId("connector-slack").click();
|
|
await expect(page.getByTestId("slack-workspaces")).toBeVisible();
|
|
await page.getByTestId("connectors-breadcrumb").click();
|
|
await expect(page.getByTestId("connector-slack")).toContainText("2 workspaces · relay");
|
|
});
|
|
|
|
test("generic detail page: tools + two-way blocks + disconnect for telegram-alikes", async ({
|
|
page,
|
|
}) => {
|
|
await openConnectors(page);
|
|
// Browser is keyless-connected → generic page, no Disconnect for auth=none
|
|
await page.getByTestId("connector-browser").click();
|
|
await expect(page.getByRole("heading", { name: "Browser" })).toBeVisible();
|
|
await expect(page.getByRole("button", { name: "Disconnect" })).toHaveCount(0);
|
|
await page.getByTestId("connectors-breadcrumb").click();
|
|
});
|
|
|
|
test("Connect on a multi-mode connector opens the modal with One click | Manual pills", async ({
|
|
page,
|
|
}) => {
|
|
await openConnectors(page);
|
|
// make slack disconnected for this test: disconnect both workspaces via its page is
|
|
// heavy — instead assert the modal via the detail page's Add workspace in the slack spec;
|
|
// here we verify the generic modal path with telegram (single-mode → ConnectSetup pane).
|
|
await page.getByTestId("connector-telegram").getByRole("button", { name: "Connect" }).click();
|
|
const modal = page.getByTestId("add-connection-modal");
|
|
await expect(modal).toBeVisible();
|
|
await expect(modal.locator("input")).not.toHaveCount(0); // manual fields rendered
|
|
await page.keyboard.press("Escape");
|
|
await expect(page.getByTestId("add-connection-modal")).toHaveCount(0);
|
|
});
|
|
|
|
test("filter narrows both sections", async ({ page }) => {
|
|
await openConnectors(page);
|
|
await page.getByPlaceholder("Search").fill("tele");
|
|
await expect(page.getByTestId("connector-telegram")).toBeVisible();
|
|
await expect(page.getByTestId("connector-slack")).toHaveCount(0);
|
|
});
|