import { useState, useEffect } from 'react';
import { api } from '../api.js';
import StatCard from '../components/StatCard.jsx';
import StatusBadge from '../components/StatusBadge.jsx';
import EmptyState from '../components/EmptyState.jsx';
import CommandRunner from '../components/CommandRunner.jsx';
function CoverageCell({ pct }) {
if (pct == null) return —;
const color = pct >= 75
? 'var(--status-identical-fg)'
: pct >= 60
? 'var(--status-modified-fg)'
: 'var(--status-conflict-fg)';
return {pct}%;
}
function ClassCoverageTable({ rows, threshold = 75 }) {
if (!rows || rows.length === 0) return null;
return (
Per-Class Coverage ({rows.length} classes)
| Class |
Covered |
Total |
Coverage |
{rows.map((c) => {
const color = c.percent >= threshold
? 'var(--status-identical-fg)'
: c.percent >= 60
? 'var(--status-modified-fg)'
: 'var(--status-conflict-fg)';
return (
| {c.name} |
{c.coveredLines} |
{c.totalLines} |
{c.percent}% |
);
})}
);
}
function ClassPicker({ onRun }) {
const [configured, setConfigured] = useState([]);
const [discovered, setDiscovered] = useState([]);
const [selected, setSelected] = useState(new Set());
const [loading, setLoading] = useState(true);
useEffect(() => {
let cancelled = false;
api.testClasses()
.then(({ configured: cfg = [], discovered: disc = [] }) => {
if (cancelled) return;
setConfigured(cfg);
setDiscovered(disc);
setSelected(new Set(cfg));
})
.catch(() => {})
.finally(() => { if (!cancelled) setLoading(false); });
return () => { cancelled = true; };
}, []);
const toggle = (name) => setSelected((prev) => {
const next = new Set(prev);
next.has(name) ? next.delete(name) : next.add(name);
return next;
});
const allClasses = [...configured, ...discovered];
const allSelected = allClasses.length > 0 && allClasses.every((c) => selected.has(c));
const toggleAll = () => setSelected(allSelected ? new Set() : new Set(allClasses));
if (loading) return ;
if (allClasses.length === 0) {
return (
No test classes found. Add classes to testConfig.testClasses in{' '}
.sfdt/config.json, or ensure your source path contains *Test.cls files.
);
}
const classes = (label, items, muted) => items.length === 0 ? null : (
{label}
{items.map((name) => (
))}
);
return (
);
}
function ManifestPicker({ onRun }) {
const [manifests, setManifests] = useState([]);
const [selected, setSelected] = useState('');
const [detected, setDetected] = useState(null);
const [detecting, setDetecting] = useState(false);
const [loading, setLoading] = useState(true);
useEffect(() => {
let cancelled = false;
api.listManifests()
.then(({ manifests: m = [] }) => { if (!cancelled) setManifests(m); })
.catch(() => {})
.finally(() => { if (!cancelled) setLoading(false); });
return () => { cancelled = true; };
}, []);
const pickManifest = async (relPath) => {
setSelected(relPath);
setDetected(null);
if (!relPath) return;
setDetecting(true);
try {
const { tests = [] } = await api.detectTests(relPath);
setDetected(tests);
} catch {
setDetected([]);
} finally {
setDetecting(false);
}
};
if (loading) return ;
if (manifests.length === 0) {
return (
No manifests found. Generate one with sfdt manifest.
);
}
return (
{detecting &&
Detecting test classes…
}
{detected !== null && (
detected.length === 0 ? (
No test classes detected in this manifest (looks for names ending in Test or Tests).
) : (
Detected test classes ({detected.length})
{detected.join(', ')}
)
)}
);
}
function TestRunnerPanel({ onComplete }) {
const [mode, setMode] = useState('classes');
const [classes, setClasses] = useState(null);
const handleRun = (classList) => setClasses(classList);
const handleComplete = () => { setClasses(null); onComplete(); };
const handleReset = () => setClasses(null);
if (classes !== null) {
return (
Apex Test Run
);
}
return (
Apex Test Run
{mode === 'classes'
?
:
}
);
}
export default function TestRuns() {
const [data, setData] = useState(null);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [refreshKey, setRefreshKey] = useState(0);
const [expandedRun, setExpandedRun] = useState(null);
useEffect(() => {
let cancelled = false;
setLoading(true);
setError(null);
api.testRuns()
.then((d) => { if (!cancelled) setData(d); })
.catch((e) => { if (!cancelled) setError(e.message); })
.finally(() => { if (!cancelled) setLoading(false); });
return () => { cancelled = true; };
}, [refreshKey]);
const runs = data?.runs ?? [];
const totalPass = runs.reduce((s, r) => s + (r.passed ?? 0), 0);
const totalFail = runs.reduce((s, r) => s + (r.failed ?? 0), 0);
const lastCov = runs[0]?.coverage;
const lastDate = runs[0]?.date ? new Date(runs[0].date).toLocaleDateString() : '—';
return (
Test Runs
Select test classes or a manifest, then run. Results appear in the history below.
setRefreshKey((k) => k + 1)} />
{runs.length > 0 && (
0 ? 'red' : 'green'} />
)}
{error && (
Failed to load test results: {error}
)}
{loading && }
{!loading && !error && runs.length === 0 && (
)}
{!loading && !error && runs.length > 0 && (
Run History
{runs.length} run{runs.length !== 1 ? 's' : ''}
| Date |
Passed |
Failed |
Errors |
Coverage |
Duration |
Status |
{runs.map((r, i) => {
const ok = !r.failed && !r.errors;
const hasClassData = r.classCoverage && r.classCoverage.length > 0;
const isExpanded = expandedRun === i;
return (
<>
hasClassData && setExpandedRun(isExpanded ? null : i)}
style={{ cursor: hasClassData ? 'pointer' : 'default', background: isExpanded ? 'var(--bg-subtle)' : undefined }}
>
|
{hasClassData && (
▶
)}
{r.date ? new Date(r.date).toLocaleString() : '—'}
|
{r.passed ?? 0} |
{r.failed ?? 0} |
{r.errors ?? 0} |
|
{r.duration ? `${(r.duration / 1000).toFixed(1)}s` : '—'} |
|
{isExpanded && hasClassData && (
|
|
)}
);
})}
)}
);
}