Carlos Florêncio
82 lines
3.0 KiB
TypeScript
82 lines
3.0 KiB
TypeScript
import { cleanup, render, screen } from "@testing-library/react";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
import type { KanbanState } from "@/lib/state/slices/kanban/types";
|
|
|
|
type Task = KanbanState["tasks"][number];
|
|
const WORKFLOW_ID = "workflow-1";
|
|
const WORKSPACE_ID = "workspace-1";
|
|
const STEP_ID = "review";
|
|
const queuedTask: Task = {
|
|
id: "queued-task",
|
|
workspaceId: WORKSPACE_ID,
|
|
workflowId: WORKFLOW_ID,
|
|
workflowStepId: STEP_ID,
|
|
queuedForStepId: STEP_ID,
|
|
wipAdmitted: false,
|
|
title: "Queued task",
|
|
position: 1,
|
|
priority: "medium",
|
|
queuedAt: "2026-09-18T10:00:00Z",
|
|
createdAt: "2026-09-18T09:00:00Z",
|
|
};
|
|
|
|
const state = {
|
|
kanbanMulti: {
|
|
snapshots: {
|
|
[WORKFLOW_ID]: {
|
|
workflowId: WORKFLOW_ID,
|
|
workflowName: "Development",
|
|
steps: [{ id: STEP_ID, title: "Review", color: "blue", position: 1, wip_limit: 2 }],
|
|
tasks: [queuedTask],
|
|
},
|
|
},
|
|
},
|
|
kanban: { workflowId: WORKFLOW_ID, tasks: [], steps: [] },
|
|
workflows: { items: [{ id: WORKFLOW_ID, workspaceId: WORKSPACE_ID, name: "Development" }] },
|
|
};
|
|
|
|
const translationLabels: Record<string, string | ((values?: Record<string, unknown>) => string)> = {
|
|
"task:wipQueueTitle": "Workflow WIP limit",
|
|
"task:launchQueueLabel": "Queued",
|
|
"task:wipQueueDestination": (values) => `${values?.workflow ?? ""} / ${values?.step ?? ""}`,
|
|
"task:wipQueuePosition": (values) =>
|
|
`${values?.position ?? ""} of ${values?.total ?? ""} tasks waiting for this step.`,
|
|
"task:wipQueueAdmittedCount": (values) =>
|
|
`${values?.count ?? ""} of ${values?.limit ?? ""} tasks admitted.`,
|
|
"task:wipQueueAdmittedUnlimited": (values) => `${values?.count ?? ""} tasks admitted.`,
|
|
"task:wipQueueConfigure": "Configure workflow WIP limit",
|
|
"task:wipQueueUnavailable": "Workflow WIP details are unavailable.",
|
|
"task:wipQueueConfigurationUnavailable": "The workflow configuration link is unavailable.",
|
|
};
|
|
|
|
vi.mock("react-i18next", () => ({
|
|
useTranslation: () => ({
|
|
t: (key: string, values?: Record<string, unknown>) => {
|
|
const label = translationLabels[key];
|
|
return typeof label === "function" ? label(values) : (label ?? key);
|
|
},
|
|
}),
|
|
}));
|
|
|
|
vi.mock("@/components/state-provider", () => ({
|
|
useAppStore: (selector: (value: typeof state) => unknown) => selector(state),
|
|
}));
|
|
|
|
import { WipQueueStatus } from "./wip-queue-status";
|
|
|
|
afterEach(cleanup);
|
|
|
|
describe("WipQueueStatus", () => {
|
|
it("shows task units and links to the matching workflow card", () => {
|
|
render(<WipQueueStatus taskId="queued-task" />);
|
|
|
|
expect(screen.getByTestId("task-wip-queue-status")).toBeTruthy();
|
|
expect(screen.getByText("Development / Review")).toBeTruthy();
|
|
expect(screen.getByText("1 of 1 tasks waiting for this step.")).toBeTruthy();
|
|
expect(screen.getByText("0 of 2 tasks admitted.")).toBeTruthy();
|
|
expect(screen.getByTestId("wip-queue-settings-link").getAttribute("href")).toBe(
|
|
`/settings/workspaces/${WORKSPACE_ID}/workflows#workflow-card-${WORKFLOW_ID}`,
|
|
);
|
|
});
|
|
});
|