279 lines
8.2 KiB
TypeScript
279 lines
8.2 KiB
TypeScript
/// <reference types="cypress" />
|
|
|
|
describe("/boards/:id task board", () => {
|
|
const apiBase = "**/api/v1";
|
|
const email =
|
|
Cypress.env("CLERK_TEST_EMAIL") || "jane+clerk_test@example.com";
|
|
|
|
const originalDefaultCommandTimeout = Cypress.config("defaultCommandTimeout");
|
|
|
|
beforeEach(() => {
|
|
Cypress.config("defaultCommandTimeout", 20_000);
|
|
});
|
|
|
|
afterEach(() => {
|
|
Cypress.config("defaultCommandTimeout", originalDefaultCommandTimeout);
|
|
});
|
|
|
|
function stubEmptySse() {
|
|
// Any SSE endpoint should not hang the UI in tests.
|
|
cy.intercept("GET", `${apiBase}/**/stream*`, {
|
|
statusCode: 200,
|
|
headers: { "content-type": "text/event-stream" },
|
|
body: "",
|
|
});
|
|
}
|
|
|
|
function openEditTaskDialog() {
|
|
cy.get('button[title="Edit task"]', { timeout: 20_000 })
|
|
.should("be.visible")
|
|
.and("not.be.disabled")
|
|
.click({ force: true });
|
|
cy.get('[aria-label="Edit task"]', { timeout: 20_000 }).should("be.visible");
|
|
}
|
|
|
|
it("auth negative: signed-out user is redirected to sign-in", () => {
|
|
cy.visit("/boards/b1");
|
|
cy.location("pathname", { timeout: 30_000 }).should("match", /\/sign-in/);
|
|
});
|
|
|
|
it("happy path: renders tasks from snapshot and supports create + status update + delete (stubbed)", () => {
|
|
stubEmptySse();
|
|
|
|
cy.intercept("GET", `${apiBase}/organizations/me/member*`, {
|
|
statusCode: 200,
|
|
body: {
|
|
id: "m1",
|
|
organization_id: "o1",
|
|
user_id: "u1",
|
|
role: "owner",
|
|
all_boards_read: true,
|
|
all_boards_write: true,
|
|
created_at: "2026-02-11T00:00:00Z",
|
|
updated_at: "2026-02-11T00:00:00Z",
|
|
board_access: [{ board_id: "b1", can_read: true, can_write: true }],
|
|
},
|
|
}).as("membership");
|
|
|
|
cy.intercept("GET", `${apiBase}/users/me*`, {
|
|
statusCode: 200,
|
|
body: {
|
|
id: "u1",
|
|
clerk_user_id: "clerk_u1",
|
|
email,
|
|
name: "Jane Test",
|
|
preferred_name: "Jane",
|
|
timezone: "America/New_York",
|
|
is_super_admin: false,
|
|
},
|
|
}).as("me");
|
|
|
|
cy.intercept("GET", `${apiBase}/organizations/me/list*`, {
|
|
statusCode: 200,
|
|
body: [
|
|
{ id: "o1", name: "Personal", role: "owner", is_active: true },
|
|
],
|
|
}).as("organizations");
|
|
|
|
cy.intercept("GET", `${apiBase}/tags*`, {
|
|
statusCode: 200,
|
|
body: { items: [], total: 0, limit: 200, offset: 0 },
|
|
}).as("tags");
|
|
|
|
cy.intercept("GET", `${apiBase}/organizations/me/custom-fields*`, {
|
|
statusCode: 200,
|
|
body: [],
|
|
}).as("customFields");
|
|
|
|
cy.intercept("GET", `${apiBase}/boards/b1/snapshot*`, {
|
|
statusCode: 200,
|
|
body: {
|
|
board: {
|
|
id: "b1",
|
|
name: "Demo Board",
|
|
slug: "demo-board",
|
|
description: "Demo",
|
|
gateway_id: "g1",
|
|
board_group_id: null,
|
|
board_type: "general",
|
|
objective: null,
|
|
success_metrics: null,
|
|
target_date: null,
|
|
goal_confirmed: true,
|
|
goal_source: "test",
|
|
organization_id: "o1",
|
|
created_at: "2026-02-11T00:00:00Z",
|
|
updated_at: "2026-02-11T00:00:00Z",
|
|
},
|
|
tasks: [
|
|
{
|
|
id: "t1",
|
|
board_id: "b1",
|
|
title: "Inbox task",
|
|
description: "",
|
|
status: "inbox",
|
|
priority: "medium",
|
|
due_at: null,
|
|
assigned_agent_id: null,
|
|
depends_on_task_ids: [],
|
|
created_by_user_id: null,
|
|
in_progress_at: null,
|
|
created_at: "2026-02-11T00:00:00Z",
|
|
updated_at: "2026-02-11T00:00:00Z",
|
|
blocked_by_task_ids: [],
|
|
is_blocked: false,
|
|
assignee: null,
|
|
approvals_count: 0,
|
|
approvals_pending_count: 0,
|
|
},
|
|
],
|
|
agents: [],
|
|
approvals: [],
|
|
chat_messages: [],
|
|
pending_approvals_count: 0,
|
|
},
|
|
}).as("snapshot");
|
|
|
|
cy.intercept("GET", `${apiBase}/boards/b1/group-snapshot*`, {
|
|
statusCode: 200,
|
|
body: { group: null, boards: [] },
|
|
}).as("groupSnapshot");
|
|
|
|
cy.intercept("POST", `${apiBase}/boards/b1/tasks`, (req) => {
|
|
// Minimal assertion the UI sends expected fields.
|
|
expect(req.body).to.have.property("title");
|
|
req.reply({
|
|
statusCode: 200,
|
|
body: {
|
|
id: "t2",
|
|
board_id: "b1",
|
|
title: req.body.title,
|
|
description: req.body.description ?? "",
|
|
status: "inbox",
|
|
priority: req.body.priority ?? "medium",
|
|
due_at: null,
|
|
assigned_agent_id: null,
|
|
depends_on_task_ids: [],
|
|
created_by_user_id: null,
|
|
in_progress_at: null,
|
|
created_at: "2026-02-11T00:00:00Z",
|
|
updated_at: "2026-02-11T00:00:00Z",
|
|
blocked_by_task_ids: [],
|
|
is_blocked: false,
|
|
assignee: null,
|
|
approvals_count: 0,
|
|
approvals_pending_count: 0,
|
|
},
|
|
});
|
|
}).as("createTask");
|
|
|
|
cy.intercept("PATCH", `${apiBase}/boards/b1/tasks/t1`, (req) => {
|
|
expect(req.body).to.have.property("status");
|
|
req.reply({
|
|
statusCode: 200,
|
|
body: {
|
|
id: "t1",
|
|
board_id: "b1",
|
|
title: "Inbox task",
|
|
description: "",
|
|
status: req.body.status,
|
|
priority: "medium",
|
|
due_at: null,
|
|
assigned_agent_id: null,
|
|
depends_on_task_ids: [],
|
|
created_by_user_id: null,
|
|
in_progress_at: null,
|
|
created_at: "2026-02-11T00:00:00Z",
|
|
updated_at: "2026-02-11T00:00:01Z",
|
|
blocked_by_task_ids: [],
|
|
is_blocked: false,
|
|
assignee: null,
|
|
approvals_count: 0,
|
|
approvals_pending_count: 0,
|
|
},
|
|
});
|
|
}).as("updateTask");
|
|
|
|
cy.intercept("DELETE", `${apiBase}/boards/b1/tasks/t1`, {
|
|
statusCode: 200,
|
|
body: { ok: true },
|
|
}).as("deleteTask");
|
|
|
|
cy.intercept("GET", `${apiBase}/boards/b1/tasks/t1/comments*`, {
|
|
statusCode: 200,
|
|
body: { items: [], total: 0, limit: 200, offset: 0 },
|
|
}).as("taskComments");
|
|
|
|
cy.visit("/sign-in");
|
|
cy.clerkLoaded();
|
|
cy.clerkSignIn({ strategy: "email_code", identifier: email });
|
|
|
|
cy.visit("/boards/b1");
|
|
cy.waitForAppLoaded();
|
|
|
|
cy.wait([
|
|
"@snapshot",
|
|
"@groupSnapshot",
|
|
"@membership",
|
|
"@me",
|
|
"@organizations",
|
|
"@tags",
|
|
"@customFields",
|
|
]);
|
|
|
|
// Existing task visible.
|
|
cy.contains("Inbox task").should("be.visible");
|
|
|
|
// Open create task flow.
|
|
// Board page uses an icon-only button with aria-label="New task".
|
|
cy.get('button[aria-label="New task"]').click({ force: true });
|
|
|
|
cy.contains('[role="dialog"]', "New task")
|
|
.should("be.visible")
|
|
.within(() => {
|
|
cy.contains("label", "Title").parent().find("input").type("New task");
|
|
cy.contains("button", /^Create task$/).click({ force: true });
|
|
});
|
|
cy.wait(["@createTask"]);
|
|
|
|
cy.contains("New task").should("be.visible");
|
|
|
|
// Open edit task dialog.
|
|
cy.contains("Inbox task").click({ force: true });
|
|
cy.wait(["@taskComments"]);
|
|
cy.contains(/task detail/i).should("be.visible");
|
|
openEditTaskDialog();
|
|
|
|
// Change status via Status select.
|
|
cy.get('[aria-label="Edit task"]').within(() => {
|
|
cy.contains("label", "Status")
|
|
.parent()
|
|
.within(() => {
|
|
cy.get('[role="combobox"]').first().click({ force: true });
|
|
});
|
|
});
|
|
|
|
cy.contains("In progress").click({ force: true });
|
|
|
|
cy.contains("button", /save changes/i).click({ force: true });
|
|
cy.wait(["@updateTask"]);
|
|
cy.get('[aria-label="Edit task"]').should("not.exist");
|
|
|
|
// Save closes the edit dialog; reopen it from task detail.
|
|
cy.contains(/task detail/i).should("be.visible");
|
|
openEditTaskDialog();
|
|
|
|
// Delete task via delete dialog.
|
|
cy.get('[aria-label="Edit task"]').within(() => {
|
|
cy.contains("button", /^Delete task$/).click({ force: true });
|
|
});
|
|
cy.get('[aria-label="Delete task"]').should("be.visible");
|
|
cy.get('[aria-label="Delete task"]').within(() => {
|
|
cy.contains("button", /^Delete task$/).click({ force: true });
|
|
});
|
|
cy.wait(["@deleteTask"]);
|
|
|
|
cy.contains("Inbox task").should("not.exist");
|
|
});
|
|
});
|