PaperClipAI/tests/runner-e2e/plan-task-ui.ts

import { expect, type Page } from "@playwright/test";

/** The current composer creates a task from its description and assigns its
 * title later. Capture the actual public create response; never guess its ID
 * from a title or mutate the issue behind the browser. */
export async function createTaskFromPromptThroughUi(input: {
  page: Page; companyId: string; issuePrefix: string; agentName: string; prompt: string; projectName?: string;
}): Promise<{ id: string }> {
  const { page } = input;
  await page.goto(`/${encodeURIComponent(input.issuePrefix)}/issues`, { waitUntil: "domcontentloaded" });
  await page.getByRole("button", { name: "New Task", exact: true }).first().click();
  const dialog = page.getByRole("dialog").filter({ has: page.getByRole("heading", { name: "New task", exact: true }) });
  await dialog.getByRole("textbox", { name: "editable markdown", exact: true }).fill(input.prompt);
  const assignee = dialog.getByRole("button", { name: "Select assignee", exact: true });
  await assignee.click();
  await page.getByRole("searchbox", { name: "Search assignees", exact: true }).fill(input.agentName);
  const option = page.getByRole("listbox", { name: "Assignees" }).getByRole("option").filter({ has: page.getByText(input.agentName, { exact: true }) });
  await expect(option).toHaveCount(1);
  await option.click();
  await expect(assignee).toContainText(input.agentName);
  if (input.projectName) {
    const project = dialog.getByRole("group", { name: "Task project and worktrees", exact: true }).getByRole("button").first();
    // Focus opens this selector without toggling an already-open popover closed.
    await project.focus();
    await page.getByPlaceholder("Search projects...", { exact: true }).fill(input.projectName);
    await page.getByRole("button", { name: input.projectName, exact: true }).click();
    await expect(project).toContainText(input.projectName);
  }
  const responsePromise = page.waitForResponse(response => response.request().method() === "POST" &&
    new URL(response.url()).pathname === `/api/companies/${input.companyId}/issues`);
  await dialog.getByRole("button", { name: "Create task", exact: true }).click();
  const response = await responsePromise;
  if (!response.ok()) throw new Error(`Browser task creation failed: ${response.status()}`);
  const issue = await response.json();
  if (typeof issue.id !== "string" || issue.companyId !== input.companyId) throw new Error("Browser created an unexpected issue identity");
  if (issue.description !== input.prompt || issue.workMode !== "standard") {
    throw new Error("Browser task creation changed the requested prompt or work mode");
  }
  return { id: issue.id };
}

export const createPlanTaskThroughUi = createTaskFromPromptThroughUi;