SurfSense/surfsense_web/tests/helpers/ui/connector-popup.ts

34 lines
1.3 KiB
TypeScript

import type { Page } from "@playwright/test";
import { expect } from "@playwright/test";
/**
* Page-object-style helpers for the connector dialog rendered by
* components/assistant-ui/connector-popup.tsx.
*
* Kept minimal in Phase 1: most spec interactions go through API
* fixtures for determinism. UI-driven coverage of every connector card
* is a Phase 2 task and will use this helper as the entry point.
*/
export async function openConnectorPopup(page: Page): Promise<void> {
// Label depends on whether the user already has connectors.
const trigger = page
.getByRole("button", { name: "Manage connectors" })
.or(page.getByRole("button", { name: "Connect your connectors" }))
.first();
// Long timeout absorbs Next.js dev cold-compile of the new-chat route.
await expect(trigger).toBeVisible({ timeout: 60_000 });
await trigger.click();
await expect(page.getByRole("dialog", { name: "Manage Connectors" })).toBeVisible();
}
export async function clickComposioDriveCard(page: Page): Promise<void> {
const composioDriveCard = page.getByText("Search your Drive files via Composio");
await composioDriveCard.scrollIntoViewIfNeeded();
const card = composioDriveCard
.locator("xpath=ancestor::*[self::article or self::div][1]")
.first();
await card.getByRole("button", { name: "Connect" }).click();
}