External/roboco
1
0
Fork 0
mirror of https://github.com/rennf93/roboco.git synced 2026-08-03 07:23:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(panel): compact task-status tiles beside the donut; journal ids copyable + task-linked

Browse Source 
Five near-empty stat cards become a 2x3 tile band sharing the row with
the status donut. Journal entry cards and the entry page render full
ids with the shared CopyButton and a /tasks quick-link badge, with the
entry-card anchor restructured so links no longer nest.
This commit is contained in:
Renn F
2026-07-15 16:03:11 +02:00
parent 614c22ed70
commit 2efc2f9542
8 changed files with 318 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
panel/src/components/metrics/__tests__/task-status-tiles.test.tsx
+37
View File
@@ -0,0 +1,37 @@
import { describe, it, expect } from "vitest";
import { render, screen } from "@testing-library/react";
import { TaskStatusTiles } from "../task-status-tiles";
describe("TaskStatusTiles", () => {
it("renders a tile per status with its label and value", () => {
render(
<TaskStatusTiles
tiles={[
{ label: "Pending", value: 3, icon: <span>icon</span> },
{ label: "Completed", value: 12, icon: <span>icon</span> },
]}
/>,
);
expect(screen.getByText("Pending")).toBeInTheDocument();
expect(screen.getByText("3")).toBeInTheDocument();
expect(screen.getByText("Completed")).toBeInTheDocument();
expect(screen.getByText("12")).toBeInTheDocument();
});
it("renders one tile for every entry passed", () => {
render(
<TaskStatusTiles
tiles={[
{ label: "A", value: 1, icon: <span>icon</span> },
{ label: "B", value: 2, icon: <span>icon</span> },
{ label: "C", value: 3, icon: <span>icon</span> },
{ label: "D", value: 4, icon: <span>icon</span> },
{ label: "E", value: 5, icon: <span>icon</span> },
]}
/>,
);
["A", "B", "C", "D", "E"].forEach((label) => {
expect(screen.getByText(label)).toBeInTheDocument();
});
});
});