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/,
|
|||
|
|
);
|
|||
|
|
});
|