Aurora AI Test Results

1"use client"
2 
3import * as React from "react"
4import { CircleCheck, FlaskConical, CircleMinus, CircleX } from "lucide-react"
5import { cn } from "@/lib/utils"
6import { Badge } from "@/registry/aurora/ui/badge"
7 
8export interface TestResult {
9  name: string
10  status: "passed" | "failed" | "skipped" | "running"
11  duration?: string
12  message?: string
13}
14 
15export interface TestResultsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "results"> {
16  results: TestResult[]
17}
18 
19const statusMeta = {
20  passed: {
21    color: "var(--aurora-success)",
22    icon: CircleCheck,
23    badge: "success" as const,
24    label: "Passed",
25  },
26  failed: {
27    color: "var(--aurora-error)",
28    icon: CircleX,
29    badge: "error" as const,
30    label: "Failed",
31  },
32  skipped: {
33    color: "var(--aurora-neutral)",
34    icon: CircleMinus,
35    badge: "neutral" as const,
36    label: "Skipped",
37  },
38  running: {
39    color: "var(--aurora-info)",
40    icon: FlaskConical,
41    badge: "info" as const,
42    label: "Running",
43  },
44} as const
45 
46function panelStyle(style?: React.CSSProperties): React.CSSProperties {
47  return {
48    background: "var(--aurora-surface-raised)",
49    border: "1px solid var(--aurora-border-strong)",
50    borderRadius: "var(--aurora-radius-1)",
51    boxShadow: "var(--aurora-shadow-medium), var(--aurora-highlight-medium)",
52    ...style,
53  }
54}
55 
56const TestResults = ({ ref, className, results, style, ...props }: TestResultsProps & { ref?: React.Ref<HTMLDivElement> }) => {
57    const total = results.length
58    const passed = results.filter((r) => r.status === "passed").length
59    const failed = results.filter((r) => r.status === "failed").length
60    const skipped = results.filter((r) => r.status === "skipped").length
61    const running = results.filter((r) => r.status === "running").length
62 
63    const segments = [
64      { count: passed, color: "var(--aurora-success)" },
65      { count: failed, color: "var(--aurora-error)" },
66      { count: running, color: "var(--aurora-info)" },
67      { count: skipped, color: "var(--aurora-neutral)" },
68    ].filter((s) => s.count > 0)
69 
70    return (
71      <div
72        ref={ref}
73        className={cn("grid", className)}
74        style={panelStyle({ gap: 14, padding: 16, ...style })}
75        {...props}
76      >
77        <div className="flex flex-wrap items-center justify-between gap-3">
78          <div
79            className="flex items-center aurora-text-control"
80            style={{ gap: 8, color: "var(--aurora-text-primary)", fontWeight: 600 }}
81          >
82// … truncated