# Dev Test Results

Test results viewer with suites and cases tree, pass fail skip counts and durations.

- id: `dev-test-results`
- Page: https://agentic-ui-kit.com/components/dev-test-results
- Live preview: https://agentic-ui-kit.com/live/component/dev-test-results?piece=dev-test-results

## Install

```bash
agentic-ui add dev-test-results
npx shadcn@4.17.0 add @agentic-ui/dev-test-results
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** test-suite-tree, pass-fail-skip-counts, per-case-duration, failure-diff, status-filter, name-filter, aria-tree-navigation, summary-bar, stack-detail, dark-mode
- **Intents:** track-status, explore-detail
- **Suits domains:** devtools, ai-agents, devops-status, project-management, saas
- **Interaction:** tree-navigation, filter, search, select, expand-collapse
- **Screen role:** detail
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** test results viewer with suites and cases tree, pass fail skip counts and durations, failed test detail with an expected versus actual diff, CI test report panel with status filters and search by test name, show the outcome of an AI agent's test run per suite
- **Avoid when:** trends of test results over many runs (use a chart or analytics dashboard), code coverage maps, a build pipeline overview with stages (use a status page or pipeline view)
- **Preserve when adapting:** tree-keyboard-model, text-status-with-icon, diff-signs
- **Replace when adapting:** suites, runner-mapping, title
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives