FN-5894: share project data-boundary and status helpers
Centralize project loading and status-state handling across dashboard surfaces. - add a reusable DataBoundary component for loading, empty, error, and loaded states - extract shared project status config helpers for labels, colors, icons, and initializing detection - update project overview, cards, badges, and selector UI to use the shared helpers - add regression coverage for data-boundary behavior, project overview empty/loading transitions, and status config fallbacks Files changed: packages/dashboard/app/components/DataBoundary.tsx | 64 ++++++++++++++++++++++ packages/dashboard/app/components/ProjectCard.tsx | 48 ++-------------- .../app/components/ProjectHealthBadge.tsx | 45 +-------------- .../dashboard/app/components/ProjectOverview.tsx | 4 +- .../dashboard/app/components/ProjectSelector.tsx | 27 +-------- .../app/components/__tests__/DataBoundary.test.tsx | 62 +++++++++++++++++++++ .../components/__tests__/ProjectOverview.test.tsx | 25 +++++++++ .../__tests__/ProjectThemeTokens.test.tsx | 37 ++++--------- .../utils/__tests__/projectStatusConfig.test.ts | 53 ++++++++++++++++++ .../dashboard/app/utils/projectStatusConfig.ts | 50 +++++++++++++++++ packages/dashboard/vitest.config.ts | 2 + 11 files changed, 282 insertions(+), 135 deletions(-) Fusion-Task-Id: FN-5894 Fusion-Task-Lineage: 3626a4af-b62b-456d-82d7-cf47bbf55c21
This commit is contained in:
@@ -328,6 +328,31 @@ describe("ProjectOverview", () => {
|
||||
expect(screen.getByTestId("project-card-proj_1")).toBeDefined();
|
||||
});
|
||||
|
||||
it("does not crash when sorting by status with unknown project statuses", () => {
|
||||
expect(() => {
|
||||
render(
|
||||
<ProjectOverview
|
||||
projects={[
|
||||
makeProject({ id: "proj_active", name: "Active Project", status: "active" }),
|
||||
makeProject({ id: "proj_unknown", name: "Unknown Project", status: "removing" as ProjectStatus }),
|
||||
]}
|
||||
onSelectProject={noop}
|
||||
onAddProject={noop}
|
||||
onPauseProject={noop}
|
||||
onResumeProject={noop}
|
||||
onRemoveProject={noop}
|
||||
/>
|
||||
);
|
||||
}).not.toThrow();
|
||||
|
||||
fireEvent.change(screen.getByLabelText("Sort projects"), {
|
||||
target: { value: "status-asc" },
|
||||
});
|
||||
|
||||
expect(screen.getByTestId("project-card-proj_active")).toBeDefined();
|
||||
expect(screen.getByTestId("project-card-proj_unknown")).toBeDefined();
|
||||
});
|
||||
|
||||
it("shows loading skeleton when loading prop is true", () => {
|
||||
render(
|
||||
<ProjectOverview
|
||||
|
||||
Reference in New Issue
Block a user