19855efacc
Some checks failed
Tests / Go Tests (push) Has been cancelled
Tests / Python Tests (push) Has been cancelled
Tests / Integration Tests (push) Has been cancelled
Tests / Go Lint (push) Has been cancelled
Tests / Python Lint (push) Has been cancelled
Tests / Security Scan (push) Has been cancelled
Tests / All Checks Passed (push) Has been cancelled
Security Scanning / Secret Scanning (push) Has been cancelled
Security Scanning / Dependency Vulnerability Scan (push) Has been cancelled
Security Scanning / Go Security Scan (push) Has been cancelled
Security Scanning / Python Security Scan (push) Has been cancelled
Security Scanning / Node.js Security Scan (push) Has been cancelled
Security Scanning / Docker Image Security (push) Has been cancelled
Security Scanning / Security Summary (push) Has been cancelled
CI/CD Pipeline / Go Tests (push) Has been cancelled
CI/CD Pipeline / Python Tests (push) Has been cancelled
CI/CD Pipeline / Website Tests (push) Has been cancelled
CI/CD Pipeline / Linting (push) Has been cancelled
CI/CD Pipeline / Security Scan (push) Has been cancelled
CI/CD Pipeline / Docker Build & Push (push) Has been cancelled
CI/CD Pipeline / Integration Tests (push) Has been cancelled
CI/CD Pipeline / Deploy to Staging (push) Has been cancelled
CI/CD Pipeline / Deploy to Production (push) Has been cancelled
CI/CD Pipeline / CI Summary (push) Has been cancelled
ci/woodpecker/manual/build-ci-image Pipeline was successful
ci/woodpecker/manual/main Pipeline failed
All services: admin-v2, studio-v2, website, ai-compliance-sdk, consent-service, klausur-service, voice-service, and infrastructure. Large PDFs and compiled binaries excluded via .gitignore.
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
'use client'
|
||
|
||
import type { TestResult } from './types'
|
||
|
||
interface TestResultCardProps {
|
||
result: TestResult
|
||
}
|
||
|
||
export function TestResultCard({ result }: TestResultCardProps) {
|
||
const statusColors = {
|
||
passed: 'bg-green-100 border-green-300 text-green-800',
|
||
failed: 'bg-red-100 border-red-300 text-red-800',
|
||
pending: 'bg-yellow-100 border-yellow-300 text-yellow-800',
|
||
skipped: 'bg-gray-100 border-gray-300 text-gray-600',
|
||
}
|
||
|
||
const statusIcons = {
|
||
passed: '✓',
|
||
failed: '✗',
|
||
pending: '○',
|
||
skipped: '−',
|
||
}
|
||
|
||
return (
|
||
<div className={`border rounded-lg p-4 mb-3 ${statusColors[result.status]}`}>
|
||
<div className="flex items-start justify-between">
|
||
<div className="flex-1">
|
||
<h4 className="font-medium flex items-center">
|
||
<span className="mr-2">{statusIcons[result.status]}</span>
|
||
{result.name}
|
||
</h4>
|
||
<p className="text-sm opacity-80 mt-1">{result.description}</p>
|
||
</div>
|
||
<span className="text-xs opacity-60">{result.duration_ms.toFixed(0)}ms</span>
|
||
</div>
|
||
<div className="mt-3 grid grid-cols-2 gap-4 text-sm">
|
||
<div>
|
||
<span className="font-medium">Erwartet:</span>
|
||
<code className="block mt-1 bg-white bg-opacity-50 px-2 py-1 rounded text-xs">
|
||
{result.expected}
|
||
</code>
|
||
</div>
|
||
<div>
|
||
<span className="font-medium">Erhalten:</span>
|
||
<code className="block mt-1 bg-white bg-opacity-50 px-2 py-1 rounded text-xs">
|
||
{result.actual}
|
||
</code>
|
||
</div>
|
||
</div>
|
||
{result.error_message && (
|
||
<div className="mt-2 text-xs text-red-700 bg-red-50 p-2 rounded">
|
||
Fehler: {result.error_message}
|
||
</div>
|
||
)}
|
||
</div>
|
||
)
|
||
}
|