Improve output structure

Author: tolauwae

assets/demo.gif

@@ -1,7 +1,22 @@
 {
   "name": "latch",
-  "description": "A testing language for constraint environments",
+  "description": "A testing framework for constrained environments",
   "version": "0.6.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TOPLLab/latch.git"
+  },
+  "homepage": "https://topllab.github.io/WARDuino/guide/latch.html",
+  "bugs": {
+    "url": "https://github.com/TOPLLab/latch/issues"
+  },
+  "keywords": [
+    "testing",
+    "webassembly",
+    "wasm",
+    "embedded",
+    "hardware"
+  ],
   "exports": {
     "types": "./dist/types/index.d.ts",
     "require": "./dist/index.js"
@@ -18,7 +33,9 @@
     "build:tests": "tsc --outDir out --project tsconfig.tests.json",
     "watch": "tsc -watch -p ./",
     "lint": "eslint src/**/* --config .eslint.config.mjs",
+    "format": "eslint src/**/* --config .eslint.config.mjs --fix",
     "test:prebuild": "npm run build && npm run build:tests",
+    "test": "npm run test:all",
     "test:all": "npm run test:prebuild && npm run test:ava",
     "test:ava": "ava",
     "test:example": "npx ts-node ./tests/examples/example.ts",

package-lock.json

@@ -0,0 +1,55 @@
+import {Box, Text} from 'ink';
+import {ReporterSnapshot} from '../ReporterState';
+import {Outcome} from '../Outcome';
+import {Result, ScenarioResult} from '../Results';
+import {StatusBadge} from './StatusBadge';
+
+interface Props {
+    snapshot: ReporterSnapshot;
+}
+
+const failed = (outcome: Outcome): boolean => outcome === Outcome.failed || outcome === Outcome.error || outcome === Outcome.timedout;
+
+interface FailureRow {
+    scenario: ScenarioResult;
+    step?: Result;
+}
+
+const failureRows = (scenarios: ScenarioResult[]): FailureRow[] => scenarios.flatMap<FailureRow>((scenario): FailureRow[] => {
+    const steps = scenario.outcomes().filter((step) => failed(step.outcome));
+    return steps.length === 0 ? [{scenario}] : steps.map((step) => ({scenario, step}));
+});
+
+export function ActiveFailures({snapshot}: Props) {
+    const failures = snapshot.activeRuns.map((run) => ({
+        run,
+        scenarios: run.scenarios.filter((scenario) => failed(scenario.outcome))
+    })).filter(({scenarios}) => scenarios.length > 0);
+
+    if (failures.length === 0) {
+        return null;
+    }
+
+    return (
+        <Box flexDirection="column" marginTop={1}>
+            {failures.map(({run, scenarios}) => (
+                <Box key={`${run.id}-failures`} flexDirection="column">
+                    <Text>
+                        <StatusBadge outcome={Outcome.failed}/>
+                        <Text> {run.suiteTitle}</Text>
+                        <Text color="gray"> ({scenarios.length}/{run.plannedScenarios ?? run.scenarios.length})</Text>
+                    </Text>
+                    {failureRows(scenarios).map(({scenario, step}) => (
+                        <Box key={`${run.id}-failure-${scenario.name}-${step?.name ?? 'scenario'}`} marginLeft={5}>
+                            <Text>
+                                <Text color="gray">TEST</Text>
+                                <Text> {scenario.name}</Text>
+                                {step ? <Text color="gray"> · {step.name}</Text> : null}
+                            </Text>
+                        </Box>
+                    ))}
+                </Box>
+            ))}
+        </Box>
+    );
+}

package.json

@@ -7,6 +7,7 @@ import {SuiteList} from './SuiteList';
 import {LogPanel} from './LogPanel';
 import {FinalSummary} from './FinalSummary';
 import {showsDebugDetails} from './verbosity';
+import {ActiveFailures} from './ActiveFailures';
 
 interface Props {
     snapshot: ReporterSnapshot;
@@ -29,6 +30,7 @@ export function App({snapshot, archive, verbosity}: Props) {
         <Box flexDirection="column">
             <RunHeader archive={archive}/>
             <SuiteList snapshot={snapshot} verbosity={verbosity}/>
+            {verbosity === Verbosity.normal ? <ActiveFailures snapshot={snapshot}/> : null}
             <ProgressSummary snapshot={snapshot}/>
             <LogPanel logs={snapshot.logs} verbosity={verbosity}/>
         </Box>

src/reporter/ink/ActiveFailures.tsx

@@ -7,9 +7,9 @@ interface Props {
 
 export function RunHeader({archive}: Props) {
     return (
-        <Box flexDirection="column" marginBottom={1}>
+        <Box flexDirection="row" marginBottom={1}>
             <Text bold>Latch</Text>
-            <Text color="gray">v{version} · archive {archive}</Text>
+            <Text color="gray"> v{version} · archive {archive}</Text>
         </Box>
     );
 }