Files
fusion/packages/dashboard/app/utils/__tests__/taskProgress.test.ts
gsxdsm fc07bdfc7e FN-7831: add Reviewing badge for active Plan Review on task cards and list rows
Adds a distinct "Reviewing" status badge that surfaces on TaskCard and ListView rows while a task's optional plan-review workflow step is actively running, reusing the unified progress predicate so board and list surfaces stay in sync.

- Add isPlanReviewRunning(task) helper in taskProgress.ts, derived from getUnifiedTaskProgress's workflow-plan-review item status
- Render a pulsing "Reviewing" badge on TaskCard header (additive to existing status badges, with title/data-testid) while plan-review is running
- Render the matching "Reviewing" badge on both grouped and ungrouped ListView row layouts for parity with TaskCard
- Add supporting CSS for .card-status-badge--reviewing and .list-status-badge--reviewing
- Add unit tests for isPlanReviewRunning and component tests for the new badge across TaskCard and ListView
- Add minor changeset documenting the new operator-facing badge

Files changed:
 .changeset/tidy-reviewing-badges.md                |  7 ++
 packages/dashboard/app/components/ListView.css     | 10 +++
 packages/dashboard/app/components/ListView.tsx     | 22 +++++-
 packages/dashboard/app/components/TaskCard.css     | 10 +++
 packages/dashboard/app/components/TaskCard.tsx     | 25 ++++++-
 .../app/components/__tests__/ListView.test.tsx     | 78 ++++++++++++++++++++++
 .../app/components/__tests__/TaskCard.test.tsx     | 31 +++++++++
 .../app/utils/__tests__/taskProgress.test.ts       | 16 ++++-
 packages/dashboard/app/utils/taskProgress.ts       | 10 +++
 9 files changed, 205 insertions(+), 4 deletions(-)

Fusion-Task-Id: FN-7831

Fusion-Task-Lineage: d36f8c63-9b84-400a-8b10-3b9f3b04212b

Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
2026-07-11 20:37:26 -07:00

277 lines
12 KiB
TypeScript

import { describe, expect, it } from "vitest";
import type { Task } from "@fusion/core";
import { getUnifiedTaskProgress, isPlanReviewRunning } from "../taskProgress";
/*
FNXC:WorkflowSteps 2026-06-25-00:00 — graph-native progress model (plan U3).
These tests pin the render-state contract that the progress bar / Workflow tab rely on:
- names resolve from result.workflowStepName (no DB-row name lookup), with a humanized node-id fallback;
- a "pending" result with a startedAt and no completedAt is the `running` state, vs bare `pending`;
- advisory_failure (non-blocking) is distinct from failed (blocking) and counts as completed;
- disabled optional steps (absent from enabledWorkflowSteps) never appear in the counter/bar.
*/
function makeTask(overrides: Partial<Pick<Task, "steps" | "enabledWorkflowSteps" | "workflowStepResults">>) {
return {
steps: [],
enabledWorkflowSteps: [],
workflowStepResults: [],
...overrides,
} as Pick<Task, "steps" | "enabledWorkflowSteps" | "workflowStepResults">;
}
describe("isPlanReviewRunning", () => {
it.each([
{ name: "undefined results", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: undefined }, expected: false },
{ name: "pending but not started", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "pending" }] }, expected: false },
{ name: "started and not completed", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "pending", startedAt: "2026-07-11T12:00:00.000Z" }] }, expected: true },
{ name: "passed", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "passed", startedAt: "2026-07-11T12:00:00.000Z", completedAt: "2026-07-11T12:01:00.000Z" }] }, expected: false },
{ name: "failed", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "failed", startedAt: "2026-07-11T12:00:00.000Z", completedAt: "2026-07-11T12:01:00.000Z" }] }, expected: false },
{ name: "skipped", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "skipped", startedAt: "2026-07-11T12:00:00.000Z", completedAt: "2026-07-11T12:01:00.000Z" }] }, expected: false },
{ name: "advisory failure", task: { enabledWorkflowSteps: ["plan-review"], workflowStepResults: [{ workflowStepId: "plan-review", workflowStepName: "Plan Review", status: "advisory_failure", startedAt: "2026-07-11T12:00:00.000Z", completedAt: "2026-07-11T12:01:00.000Z" }] }, expected: false },
])("returns $expected for $name", ({ task, expected }) => {
expect(isPlanReviewRunning(makeTask(task as Partial<Pick<Task, "steps" | "enabledWorkflowSteps" | "workflowStepResults">>))).toBe(expected);
});
});
describe("getUnifiedTaskProgress", () => {
it("resolves workflow step names from result.workflowStepName without a lookup", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["browser-verification"],
workflowStepResults: [
{
workflowStepId: "browser-verification",
workflowStepName: "Browser Verification",
status: "passed",
},
],
}),
);
const item = progress.items.find((i) => i.id === "workflow-browser-verification");
expect(item?.name).toBe("Browser Verification");
expect(item?.status).toBe("done");
});
it("falls back to the workflow step id when no result name is available", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["code-review"],
workflowStepResults: [],
}),
);
const item = progress.items.find((i) => i.id === "workflow-code-review");
// Enabled-but-not-run has no recorded name → humanize the node id to proper casing,
// never render the raw lowercase id.
expect(item?.name).toBe("Code Review");
// Enabled but never run → pending.
expect(item?.status).toBe("pending");
});
it("humanizes the node id to proper casing for an enabled-but-not-run step", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["browser-verification", "frontend-ux-design", "code-review"],
workflowStepResults: [],
}),
);
expect(progress.items.find((i) => i.id === "workflow-browser-verification")?.name).toBe("Browser Verification");
expect(progress.items.find((i) => i.id === "workflow-frontend-ux-design")?.name).toBe("Frontend UX Design");
expect(progress.items.find((i) => i.id === "workflow-code-review")?.name).toBe("Code Review");
});
it("distinguishes running (started, not completed) from pending (not started)", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["running-step", "not-started-step"],
workflowStepResults: [
{
workflowStepId: "running-step",
workflowStepName: "Running Step",
status: "pending",
startedAt: "2026-06-25T00:00:00.000Z",
},
],
}),
);
expect(progress.items.find((i) => i.id === "workflow-running-step")?.status).toBe("running");
expect(progress.items.find((i) => i.id === "workflow-not-started-step")?.status).toBe("pending");
});
it("treats a completed pending entry (startedAt + completedAt) as pending, not running", () => {
// Defensive: a terminal entry should carry a non-pending status, but if a pending entry has
// both timestamps it is not actively running.
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["edge"],
workflowStepResults: [
{
workflowStepId: "edge",
workflowStepName: "Edge",
status: "pending",
startedAt: "2026-06-25T00:00:00.000Z",
completedAt: "2026-06-25T00:01:00.000Z",
},
],
}),
);
expect(progress.items.find((i) => i.id === "workflow-edge")?.status).toBe("pending");
});
it("maps advisory_failure (non-blocking) distinctly from failed (blocking)", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: ["advisory", "gate"],
workflowStepResults: [
{ workflowStepId: "advisory", workflowStepName: "Advisory", status: "advisory_failure" },
{ workflowStepId: "gate", workflowStepName: "Gate", status: "failed" },
],
}),
);
expect(progress.items.find((i) => i.id === "workflow-advisory")?.status).toBe("advisory_failure");
expect(progress.items.find((i) => i.id === "workflow-gate")?.status).toBe("failed");
// advisory_failure counts as completed (non-blocking); failed does not.
expect(progress.completed).toBe(1);
});
it("excludes a disabled step (absent from enabledWorkflowSteps) from the count", () => {
const progress = getUnifiedTaskProgress(
makeTask({
// "disabled-step" is toggled off → not in enabledWorkflowSteps, even though a stale result exists.
enabledWorkflowSteps: ["code-review"],
workflowStepResults: [
{ workflowStepId: "code-review", workflowStepName: "Code Review", status: "passed" },
{ workflowStepId: "disabled-step", workflowStepName: "Disabled", status: "passed" },
],
}),
);
expect(progress.total).toBe(1);
expect(progress.items.some((i) => i.id === "workflow-disabled-step")).toBe(false);
});
it("includes recorded graph-node progress that is not an optional toggle", () => {
const progress = getUnifiedTaskProgress(
makeTask({
enabledWorkflowSteps: [],
workflowStepResults: [
{
workflowStepId: "plan",
workflowStepName: "Plan",
source: "node",
status: "passed",
startedAt: "2026-06-29T21:49:55.355Z",
completedAt: "2026-06-29T21:51:00.000Z",
},
{
workflowStepId: "execute",
workflowStepName: "Execute",
source: "node",
status: "pending",
startedAt: "2026-06-29T21:51:00.996Z",
},
{
workflowStepId: "code-review",
workflowStepName: "Code Review",
source: "optional-group",
status: "passed",
startedAt: "2026-06-29T21:52:00.000Z",
completedAt: "2026-06-29T21:52:20.000Z",
},
],
}),
);
expect(progress.items.map((item) => [item.id, item.name, item.status])).toEqual([
["workflow-plan", "Plan", "done"],
["workflow-execute", "Execute", "running"],
]);
expect(progress.total).toBe(2);
expect(progress.completed).toBe(1);
});
it("produces 8 items with the correct completed count for 6 impl steps + 2 workflow steps", () => {
const progress = getUnifiedTaskProgress(
makeTask({
steps: [
{ name: "Step 1", status: "done" },
{ name: "Step 2", status: "done" },
{ name: "Step 3", status: "done" },
{ name: "Step 4", status: "done" },
{ name: "Step 5", status: "done" },
{ name: "Step 6", status: "done" },
],
enabledWorkflowSteps: ["browser-verification", "code-review"],
workflowStepResults: [
{ workflowStepId: "browser-verification", workflowStepName: "Browser Verification", status: "passed" },
{ workflowStepId: "code-review", workflowStepName: "Code Review", status: "advisory_failure" },
],
}),
);
expect(progress.total).toBe(8);
expect(progress.items).toHaveLength(8);
// 6 done impl steps + 1 passed (done) + 1 advisory_failure (non-blocking → completed) = 8.
expect(progress.completed).toBe(8);
expect(progress.items.filter((i) => i.source === "step")).toHaveLength(6);
expect(progress.items.filter((i) => i.source === "workflow")).toHaveLength(2);
});
it("orders Plan Review before implementation steps and Code Review after them", () => {
const progress = getUnifiedTaskProgress(
makeTask({
steps: [
{ name: "Preflight", status: "pending" },
{ name: "Implement", status: "pending" },
],
enabledWorkflowSteps: ["plan-review", "code-review"],
workflowStepResults: [
{
workflowStepId: "plan-review",
workflowStepName: "Plan Review",
phase: "pre-merge",
status: "failed",
startedAt: "2026-06-29T07:38:49.871Z",
completedAt: "2026-06-29T07:38:57.744Z",
},
],
}),
);
expect(progress.items.map((item) => item.name)).toEqual([
"Plan Review",
"Preflight",
"Implement",
"Code Review",
]);
expect(progress.items.map((item) => item.id)).toEqual([
"workflow-plan-review",
"step-0",
"step-1",
"workflow-code-review",
]);
});
it("maps impl step statuses straight through and skipped as completed", () => {
const progress = getUnifiedTaskProgress(
makeTask({
steps: [
{ name: "Done", status: "done" },
{ name: "Skipped", status: "skipped" },
{ name: "In progress", status: "in-progress" },
{ name: "Pending", status: "pending" },
],
}),
);
expect(progress.total).toBe(4);
// done + skipped count as completed; in-progress + pending do not.
expect(progress.completed).toBe(2);
});
});