mirror of
https://github.com/andrewyng/openworker.git
synced 2026-09-11 06:30:25 +00:00
Rohit C Prasad
2414b4a215
Custom - MCP group after Connected; Add custom server modal at top; per-server detail subpage with Test. Status never claims connected for stdio: Live / Ready + persisted tested-at / Not tested / Needs sign-in / Error.
83 lines
3.7 KiB
TypeScript
83 lines
3.7 KiB
TypeScript
// UX-033/034: custom MCP servers live on the Connectors page. "Add custom server"
|
|
// (top of page) opens the two-tab modal (Remote URL / JSON); added entries land in
|
|
// the "Custom · MCP" group with honest status chips (Testing… → Live / Error /
|
|
// Needs sign-in / Not tested) and a detail subpage with Test.
|
|
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("remote URL add: probe flips the row to Live with tool count", async ({ page }) => {
|
|
await openConnectors(page);
|
|
await page.getByTestId("add-custom-server").click();
|
|
|
|
// URL tab is the default door; bad URL is caught before anything is added.
|
|
const modal = page.getByTestId("add-mcp-modal");
|
|
await modal.getByTestId("mcp-add-name").fill("notes");
|
|
await modal.getByTestId("mcp-add-url").fill("mcp.example.com/mcp");
|
|
await modal.getByRole("button", { name: "Add & test" }).click();
|
|
await expect(modal.getByText("Enter the server's full URL")).toBeVisible();
|
|
|
|
await modal.getByTestId("mcp-add-url").fill("https://mcp.example.com/mcp");
|
|
await modal.getByRole("button", { name: "Add & test" }).click();
|
|
|
|
const row = page.getByTestId("mcp-row-notes");
|
|
await expect(row).toContainText("Testing…");
|
|
await expect(row).toContainText("Live", { timeout: 10_000 });
|
|
await expect(row).toContainText("6 tools");
|
|
});
|
|
|
|
test("guarded server: 401 → Needs sign-in chip → OAuth switch on the detail page", async ({
|
|
page,
|
|
}) => {
|
|
await openConnectors(page);
|
|
await page.getByTestId("add-custom-server").click();
|
|
const modal = page.getByTestId("add-mcp-modal");
|
|
await modal.getByTestId("mcp-add-name").fill("locked-crm");
|
|
await modal.getByTestId("mcp-add-url").fill("https://mcp.locked.example/mcp");
|
|
await modal.getByRole("button", { name: "Add & test" }).click();
|
|
|
|
// The anonymous probe 401s: the row says needs sign-in; the fix lives one
|
|
// click deep on the detail page (with the error excerpt).
|
|
const row = page.getByTestId("mcp-row-locked-crm");
|
|
await expect(row).toContainText("Needs sign-in", { timeout: 10_000 });
|
|
await row.click();
|
|
|
|
const detail = page.getByTestId("mcp-detail-locked-crm");
|
|
await expect(detail).toContainText("authentication required");
|
|
await detail.getByTestId("mcp-authfix-locked-crm").click();
|
|
await expect(detail).toContainText("Signing in…");
|
|
await expect(detail).toContainText("Live", { timeout: 10_000 });
|
|
});
|
|
|
|
test("JSON tab adds stdio as Not tested; detail Test flips it to Live", async ({ page }) => {
|
|
await openConnectors(page);
|
|
await page.getByTestId("add-custom-server").click();
|
|
const modal = page.getByTestId("add-mcp-modal");
|
|
await modal.getByTestId("mcp-add-tab-json").click();
|
|
await modal
|
|
.locator("textarea")
|
|
.fill('{"files": {"command": "npx", "args": ["-y", "@modelcontextprotocol/server-filesystem"]}}');
|
|
await modal.getByRole("button", { name: "Add", exact: true }).click();
|
|
|
|
// A pasted stdio server is configured, not connected — the chip says so.
|
|
const row = page.getByTestId("mcp-row-files");
|
|
await expect(row).toContainText("Not tested");
|
|
await expect(row).toContainText("stdio");
|
|
|
|
await row.click();
|
|
const detail = page.getByTestId("mcp-detail-files");
|
|
await detail.getByTestId("mcp-test-files").click();
|
|
await expect(detail).toContainText("Testing…");
|
|
await expect(detail).toContainText("Live", { timeout: 10_000 });
|
|
await expect(detail).toContainText("6 tools");
|
|
|
|
// Remove from the detail page returns to the list without the row.
|
|
await detail.getByTestId("mcp-remove-files").click();
|
|
await expect(page.getByTestId("mcp-row-files")).toHaveCount(0);
|
|
});
|