Agents
Test Results
Pass/fail summary with failing assertions inline.
Test Results shows the outcome of a test run an agent executed: a pass/fail/skip bar, suites that open themselves when something fails, and the failing assertion right under its test.
Preview
1 failing 3 1 120ms
- totals include tax6ms
- credit notes are negative9ms
expected -42.5 to equal -42.50 at invoice.test.ts:31
- multi-currency (pending)
Installation
pnpm dlx shadcn@latest add https://ui.cuelark.com/r/test-results.jsonThe CLI also installs the Cuelark theme tokens, the GSAP motion layer. With the @cuelark namespace configured, use @cuelark/test-results.
Builds on: motion
Usage
import { TestResults } from "@/components/ui/test-results";
<TestResults suites={suites} />API reference
TestResults
| Prop | Type | Default | Description |
|---|---|---|---|
| suites | { name; tests: { name; status: "pass" | "fail" | "skip"; duration?; error? }[] }[] | — | Results. |
Accessibility
- Fully keyboard operable with visible focus.
- Live regions announce streaming updates politely.
FAQ
Also searched as: test results component react · test report ui · jest results viewer · ci test summary ui · shadcn ai test results