mirror of
https://github.com/andrewyng/openworker.git
synced 2026-09-04 07:20:10 +00:00
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>
89 lines
3.9 KiB
TypeScript
89 lines
3.9 KiB
TypeScript
// Start-screen template tasks (§27): three concrete rows, no icon tiles, no "Set me up" list.
|
||
// Sub-lines are outcome-voiced; connection state lives in the dots + the trailing action.
|
||
// Gated row (source not live for this session) → "Configure ›" expands the rail's Access
|
||
// section (§32); ready row → click prefills the composer with the template stem.
|
||
import { expect } from "@playwright/test";
|
||
import { test } from "./fixtures";
|
||
|
||
test("three rows, no Set-me-up; gated rows show Configure › and expand the rail's Access section", async ({
|
||
page,
|
||
}) => {
|
||
await page.goto("/");
|
||
await expect(page.getByText("What should we produce?")).toBeVisible();
|
||
|
||
// Exactly the three template tasks; the old setup list is gone.
|
||
await expect(page.locator(".task-card")).toHaveCount(3);
|
||
await expect(page.getByText("Set me up (optional)")).toHaveCount(0);
|
||
await expect(page.getByText("Give me access to a folder")).toHaveCount(0);
|
||
|
||
// Fixture session state: slack + github live, hubspot not → the HubSpot row is gated,
|
||
// with the Configure affordance visible AT REST (no hover needed — it IS the row's action);
|
||
// the github+slack automation row has everything it needs.
|
||
const hs = page.getByTestId("intro-task-hubspot");
|
||
await expect(hs).toContainText("Configure ›");
|
||
await expect(hs.locator(".task-card-act")).toHaveCSS("opacity", "1");
|
||
await expect(page.getByTestId("intro-task-github-slack")).toContainText("Start →");
|
||
|
||
// Sub-lines describe the task's outcome, never connection state.
|
||
await expect(hs).toContainText("Sources, stages, and who needs follow-up");
|
||
await expect(hs).not.toContainText(/connect/i);
|
||
|
||
// Configure → the rail's Access section expands (§32), not a bespoke setup surface.
|
||
await hs.click();
|
||
await expect(page.getByRole("region", { name: "Session access" })).toBeVisible();
|
||
// No composer prefill happened on the gated click.
|
||
await expect(page.getByPlaceholder(/Ask the coworker/)).toHaveValue("");
|
||
});
|
||
|
||
test("ready rows reveal Start → on hover and prefill the composer", async ({ page }) => {
|
||
// Make every source live for this session (registered after the fixture's routes → wins).
|
||
await page.route("**/v1/sessions/*/connections*", (route) =>
|
||
route.fulfill({
|
||
contentType: "application/json",
|
||
body: JSON.stringify({
|
||
connected: [
|
||
{ connector: "hubspot", enabled: true, detail: "" },
|
||
{ connector: "github", enabled: true, detail: "" },
|
||
{ connector: "slack", enabled: true, detail: "" },
|
||
],
|
||
recommended: [],
|
||
attention: 0,
|
||
}),
|
||
}),
|
||
);
|
||
await page.goto("/");
|
||
|
||
const hs = page.getByTestId("intro-task-hubspot");
|
||
await expect(hs).toContainText("Start →");
|
||
// The action is hover-revealed on ready rows (hidden at rest).
|
||
await expect(hs.locator(".task-card-act")).toHaveCSS("opacity", "0");
|
||
await hs.hover();
|
||
await expect(hs.locator(".task-card-act")).toHaveCSS("opacity", "1");
|
||
|
||
await hs.click();
|
||
await expect(page.getByPlaceholder(/Ask the coworker/)).toHaveValue(/HubSpot leads/);
|
||
|
||
// Both sources live → the automation row is ready too; its prefill is the recipe stem.
|
||
const gh = page.getByTestId("intro-task-github-slack");
|
||
await expect(gh).toContainText("Start →");
|
||
await gh.click();
|
||
await expect(page.getByPlaceholder(/Ask the coworker/)).toHaveValue(/weekly progress report/);
|
||
});
|
||
|
||
test("folder task opens the inline add-folder form; adding a folder prefills the composer", async ({
|
||
page,
|
||
}) => {
|
||
await page.goto("/");
|
||
|
||
// No shared folder yet (the fixture root is the primary scratch) → the row expands the form.
|
||
await page.getByTestId("intro-task-folder").click();
|
||
const path = page.getByPlaceholder("Choose or paste a folder path…");
|
||
await expect(path).toBeVisible();
|
||
await path.fill("/Users/me/Reports");
|
||
await page.getByRole("button", { name: "Add", exact: true }).click();
|
||
|
||
await expect(page.getByPlaceholder(/Ask the coworker/)).toHaveValue(
|
||
/Analyze the files in this folder/,
|
||
);
|
||
});
|