Changes
Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot]
@@ -0,0 +1,190 @@
|
||||
/**
|
||||
* DEVKIT — `/devkit/smoke` smoke test runner.
|
||||
*
|
||||
* Scripted suite that exercises the store + demo pipeline without a headset.
|
||||
* Run before sending a build to the Quest tester. All steps must be ✅.
|
||||
*/
|
||||
import { useState } from 'react';
|
||||
import { Link, Navigate } from 'react-router-dom';
|
||||
import { useModelStore } from '@/stores/useModelStore';
|
||||
import { generateDemoBeamGLB } from '@/lib/generateDemoBeam';
|
||||
import { useDevKit } from './useDevKit';
|
||||
import { fakeInput } from './fakeInputStore';
|
||||
import { startRecording, stopRecording, macroState } from './macroStore';
|
||||
|
||||
interface StepResult { name: string; ok: boolean; detail: string; ms: number; }
|
||||
|
||||
type Step = { name: string; run: () => Promise<string> };
|
||||
|
||||
function buildSteps(): Step[] {
|
||||
const store = useModelStore.getState;
|
||||
return [
|
||||
{
|
||||
name: 'gerar demo beam (IPE 200)',
|
||||
run: async () => {
|
||||
const { blob, fileName, fileSize } = await generateDemoBeamGLB();
|
||||
const url = URL.createObjectURL(blob);
|
||||
store().setModel({ url, fileName, fileSize });
|
||||
return `${fileName} • ${(fileSize / 1024).toFixed(1)} KB`;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'modelo no store',
|
||||
run: async () => {
|
||||
const m = store().model;
|
||||
if (!m?.url) throw new Error('model.url ausente');
|
||||
return m.fileName;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'fineTuning reset',
|
||||
run: async () => {
|
||||
store().resetFineTuning();
|
||||
const ft = store().fineTuning;
|
||||
if (ft.posX !== 0 || ft.scale !== 1) throw new Error('reset falhou');
|
||||
return 'ok';
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'medição cria distância correta',
|
||||
run: async () => {
|
||||
store().clearMeasurements();
|
||||
store().addMeasurePoint({ x: 0, y: 0, z: 0 });
|
||||
store().addMeasurePoint({ x: 0.1, y: 0, z: 0 });
|
||||
const ms = store().measurements;
|
||||
if (ms.length !== 1) throw new Error(`esperado 1 medição, obteve ${ms.length}`);
|
||||
const d = ms[0].distanceMM;
|
||||
if (Math.abs(d - 100) > 0.01) throw new Error(`esperado 100mm, obteve ${d.toFixed(2)}`);
|
||||
return `${d.toFixed(2)} mm`;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'checklist defaults',
|
||||
run: async () => {
|
||||
store().resetChecklist();
|
||||
const cl = store().checklist;
|
||||
if (cl.length !== 4) throw new Error(`esperado 4 itens, obteve ${cl.length}`);
|
||||
if (!cl.every(i => i.status === 'pending')) throw new Error('itens não-pending');
|
||||
return `${cl.length} itens`;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'fake input grip simulado',
|
||||
run: async () => {
|
||||
fakeInput.left.gripValue = 1;
|
||||
await new Promise(r => setTimeout(r, 50));
|
||||
if (fakeInput.left.gripValue !== 1) throw new Error('grip não foi setado');
|
||||
fakeInput.left.gripValue = 0;
|
||||
return 'ok';
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'macro recorder ciclo curto',
|
||||
run: async () => {
|
||||
startRecording();
|
||||
await new Promise(r => setTimeout(r, 200));
|
||||
const m = stopRecording();
|
||||
if (!m) throw new Error('macro vazia');
|
||||
if (macroState.phase !== 'idle') throw new Error('fase não voltou a idle');
|
||||
return `${m.frames.length} frames • ${m.duration.toFixed(0)}ms`;
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'navigator.xr disponível',
|
||||
run: async () => {
|
||||
if (!('xr' in navigator)) throw new Error('navigator.xr ausente');
|
||||
return 'ok';
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'HTTPS ativo',
|
||||
run: async () => {
|
||||
if (location.protocol !== 'https:' && location.hostname !== 'localhost') {
|
||||
throw new Error(`protocolo ${location.protocol}`);
|
||||
}
|
||||
return location.protocol;
|
||||
},
|
||||
},
|
||||
];
|
||||
}
|
||||
|
||||
export default function SmokeTest() {
|
||||
const devkit = useDevKit();
|
||||
const [results, setResults] = useState<StepResult[]>([]);
|
||||
const [running, setRunning] = useState(false);
|
||||
|
||||
if (!devkit) return <Navigate to="/" replace />;
|
||||
|
||||
const run = async () => {
|
||||
setRunning(true);
|
||||
setResults([]);
|
||||
const steps = buildSteps();
|
||||
const out: StepResult[] = [];
|
||||
for (const s of steps) {
|
||||
const t0 = performance.now();
|
||||
try {
|
||||
const detail = await s.run();
|
||||
out.push({ name: s.name, ok: true, detail, ms: performance.now() - t0 });
|
||||
} catch (e) {
|
||||
out.push({ name: s.name, ok: false, detail: (e as Error).message, ms: performance.now() - t0 });
|
||||
}
|
||||
setResults([...out]);
|
||||
}
|
||||
setRunning(false);
|
||||
};
|
||||
|
||||
const passed = results.filter(r => r.ok).length;
|
||||
const failed = results.filter(r => !r.ok).length;
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-background p-6 font-mono text-foreground">
|
||||
<div className="mx-auto max-w-2xl space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h1 className="text-xl font-bold">🧪 DevKit · Smoke Test</h1>
|
||||
<Link to="/" className="text-xs text-primary hover:underline">← Home</Link>
|
||||
</div>
|
||||
<p className="text-sm text-muted-foreground">
|
||||
Roteiro automático que exercita store, demo, medição, checklist, fake input e gravador.
|
||||
Execute antes de enviar build para o testador com Quest.
|
||||
</p>
|
||||
<div className="flex items-center gap-3">
|
||||
<button
|
||||
onClick={run}
|
||||
disabled={running}
|
||||
className="rounded bg-primary px-4 py-2 text-sm text-primary-foreground hover:opacity-90 disabled:opacity-40"
|
||||
>
|
||||
{running ? 'Executando…' : '▶ Rodar suite'}
|
||||
</button>
|
||||
{results.length > 0 && (
|
||||
<span className="text-sm">
|
||||
<span className="text-green-400">✓ {passed}</span>
|
||||
{' · '}
|
||||
<span className={failed ? 'text-red-400' : 'text-muted-foreground'}>✕ {failed}</span>
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className="space-y-1 rounded border border-border bg-card p-3">
|
||||
{results.length === 0 && (
|
||||
<div className="text-xs text-muted-foreground italic">aguardando execução…</div>
|
||||
)}
|
||||
{results.map((r, i) => (
|
||||
<div
|
||||
key={i}
|
||||
className={`flex items-start justify-between gap-3 border-b border-border/50 py-1 text-xs ${
|
||||
r.ok ? 'text-green-400' : 'text-red-400'
|
||||
}`}
|
||||
>
|
||||
<div className="flex-1">
|
||||
<span className="mr-2">{r.ok ? '✓' : '✕'}</span>
|
||||
{r.name}
|
||||
<div className="ml-5 text-muted-foreground">{r.detail}</div>
|
||||
</div>
|
||||
<span className="text-muted-foreground">{r.ms.toFixed(0)}ms</span>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user