TestResultCard

Card showing a test run: suite name, pass/fail counts, and failed test names.

Preview

src/lib/auth.test.ts4 passed20ms

signToken › returns a signed JWT8msPass
verifyJWT › rejects expired tokens5msPass
verifyJWT › rejects tampered payload4msPass
verifyJWT › throws AuthError on missing sub3msPass

Variants

All passing

src/lib/auth.test.ts4 passed20ms

signToken › returns a signed JWT8msPass
verifyJWT › rejects expired tokens5msPass
verifyJWT › rejects tampered payload4msPass
verifyJWT › throws AuthError on missing sub3msPass

With failures

src/lib/auth.test.ts2 passed1 failed1 skipped29ms

signToken › returns a signed JWT8msPass
verifyJWT › rejects expired tokens12msFail
verifyJWT › rejects tampered payload4msPass
verifyJWT › throws AuthError on missing subSkip

Props

Prop	Type	Description
suiteName*	string	Suite or file name displayed in the header (e.g. the test file path).
tests*	TestCase[]	Array of test cases. Each carries name, status (pass/fail/skip), optional duration and failureDetail.
duration	number	Total suite duration in milliseconds.
className	string	Additional class names for the root element.

* required.

Usage

import { TestResultCard } from "@/components/sandbox/test-result-card";

<TestResultCard
  suiteName="src/lib/auth.test.ts"
  duration={48}
  tests={[
    { name: "signs a valid JWT", status: "pass", duration: 8, suite: "signToken" },
    {
      name: "rejects expired token",
      status: "fail",
      duration: 12,
      suite: "verifyJWT",
      failureDetail: "Expected AuthError, got JWTExpired",
    },
  ]}
/>