Skip to content

Test Results

A test run: counts in words, a named progress bar, and suites that open to their tests. A failed test opens to its error.

Sourcecomponents/test-results.tsx
12 passed1 failed2 skipped
4.21s
12 of 15 passed
x
  • Passedapplies a coupon12ms
  • Passedcharges the saved card88ms
  • Skippedpays with a gift card

Usage

Test Results usage
import { Test, TestError, TestErrorMessage, TestResults, TestResultsContent, TestResultsDuration, TestResultsHeader, TestResultsProgress, TestResultsSummary, TestSuite, TestSuiteContent, TestSuiteName, TestSuiteStats } from "@/components/test-results";
export function TestResultsUsage() {  return (    <TestResults summary={{ passed: 12, failed: 1, skipped: 2, total: 15, duration: 4210 }}>      <TestResultsHeader>        <TestResultsSummary />        <TestResultsDuration />      </TestResultsHeader>      <TestResultsContent>        <TestResultsProgress />        <TestSuite name="checkout" status="failed">          <TestSuiteName>            <TestSuiteStats passed={3} failed={1} />          </TestSuiteName>          <TestSuiteContent>            <Test name="applies a coupon" status="passed" duration={12} />            <Test name="rejects an expired card" status="failed" duration={40}>              <TestError>                <TestErrorMessage>Expected 402, received 200</TestErrorMessage>              </TestError>            </Test>          </TestSuiteContent>        </TestSuite>      </TestResultsContent>    </TestResults>  );}

When to use

Use when

A test run: counts in words, a named progress bar, suites that open to their tests, and failed tests that open to their error

Don’t use when

The steps an agent took (use Trace); progress toward a total that isn't tests (use Progress)