plum-e2e 1.3.2 → 1.3.4

package/frontend/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "plum-frontend",
 	"private": true,
-	"version": "1.3.2",
+	"version": "1.3.3",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/frontend/src/lib/components/layout/RunnerPanel.svelte

@@ -113,24 +113,30 @@
 			runnerState.update((r) => ({ ...r, output: r.output + data + '\n' }));
 		});
 
-		s.on('done', (code) => {
+		s.on('done', (payload) => {
+			// Distributed runs send { code, reportId }; the built-in path sends a bare code.
+			const code = typeof payload === 'object' && payload !== null ? payload.code : payload;
+			const providedId =
+				typeof payload === 'object' && payload !== null ? payload.reportId : undefined;
 			const passed = code === 0 || code === null;
 			const cancelled = code === 130;
-			fetchLatestReportId()
-				.catch(() => null)
-				.then((id) => {
-					runnerState.update((r) => ({
-						...r,
-						output:
-							r.output +
-							(cancelled ? '' : passed ? '\n✓ All tests passed\n' : '\n✗ Some tests failed\n'),
-						running: false,
-						testCompleted: !cancelled,
-						latestReportId: cancelled ? null : id,
-						status: cancelled ? 'idle' : passed ? 'pass' : 'fail',
-						currentRun: cancelled ? null : r.currentRun
-					}));
-				});
+			const resolveId =
+				providedId !== undefined && providedId !== null
+					? Promise.resolve(providedId)
+					: fetchLatestReportId().catch(() => null);
+			resolveId.then((id) => {
+				runnerState.update((r) => ({
+					...r,
+					output:
+						r.output +
+						(cancelled ? '' : passed ? '\n✓ All tests passed\n' : '\n✗ Some tests failed\n'),
+					running: false,
+					testCompleted: !cancelled,
+					latestReportId: cancelled ? null : id,
+					status: cancelled ? 'idle' : passed ? 'pass' : 'fail',
+					currentRun: cancelled ? null : r.currentRun
+				}));
+			});
 		});
 
 		s.on('runner-lanes-init', (lanes) => {

package/frontend/src/lib/utils/format.js

@@ -44,3 +44,16 @@ export function fmtDuration(ms) {
 	if (ms >= 1000) return (ms / 1000).toFixed(2) + 's';
 	return ms + 'ms';
 }
+
+/**
+ * Trims a Cucumber feature URI to a readable suffix. Dispatched runs report an
+ * absolute temp path on the node (…/plum-job-<uuid>/features/Login.feature); show
+ * only the part from `features/` onward so the column stays short.
+ */
+export function featureFile(uri) {
+	if (!uri) return '';
+	const normalized = uri.replace(/\\/g, '/');
+	const idx = normalized.lastIndexOf('/features/');
+	if (idx !== -1) return normalized.slice(idx + 1);
+	return normalized.split('/').pop();
+}

package/frontend/src/routes/reports/[id]/+page.svelte

@@ -20,7 +20,7 @@
 	import { onMount } from 'svelte';
 	import { slide } from 'svelte/transition';
 	import { fetchReportDetail, screenshotUrl } from '$lib/api/reports';
-	import { isScheduled, triggerLabel, fmtDuration, stagger } from '$lib/utils/format';
+	import { isScheduled, triggerLabel, fmtDuration, stagger, featureFile } from '$lib/utils/format';
 	import Badge from '$lib/components/ui/Badge.svelte';
 	import BrowserIcon from '$lib/components/icons/BrowserIcon.svelte';
 
@@ -213,24 +213,6 @@
 							<BrowserIcon browser={detail.browser ?? 'chromium'} />
 							{detail.browser ?? 'chromium'}
 						</span>
-						{#if detail.runnerName}
-							<span class="meta-sep">·</span>
-							<span class="runner-pill">
-								<svg
-									width="10"
-									height="10"
-									viewBox="0 0 24 24"
-									fill="none"
-									stroke="currentColor"
-									stroke-width="2"
-									stroke-linecap="round"
-								>
-									<rect x="2" y="3" width="20" height="14" rx="2" />
-									<path d="M8 21h8M12 17v4" />
-								</svg>
-								{detail.runnerName}
-							</span>
-						{/if}
 					</div>
 				</div>
 			</div>
@@ -362,7 +344,7 @@
 					{/if}
 				</h2>
 				<div class="feature-right">
-					<span class="feature-file">{feature.uri}</span>
+					<span class="feature-file" title={feature.uri}>{featureFile(feature.uri)}</span>
 					<Badge variant={feature.status === 'passed' ? 'pass' : 'fail'}>
 						{feature.status}
 					</Badge>
@@ -590,16 +572,6 @@
 		padding: 0.1rem 0.45rem;
 	}
 
-	.runner-pill {
-		display: inline-flex;
-		align-items: center;
-		gap: 0.3rem;
-		font-family: 'JetBrains Mono', monospace;
-		font-size: 0.68rem;
-		font-weight: 500;
-		color: var(--text-muted);
-	}
-
 	.header-stats {
 		display: flex;
 		gap: 1.5rem;

package/frontend/src/routes/reports/live/+page.svelte

@@ -29,7 +29,7 @@
 	let countdownInterval = null;
 
 	$: state = $runnerState;
-	$: isMulti = state.lanes.length > 1;
+	$: isMulti = state.lanes.length > 0;
 
 	// Auto-scroll terminals
 	afterUpdate(() => {
@@ -173,7 +173,7 @@
 					>
 					<span class="run-sep">·</span>
 					<span class="run-detail">{state.currentRun.browser}</span>
-					{#if isMulti}
+					{#if state.lanes.length > 1}
 						<span class="run-sep">·</span>
 						<span class="run-detail">{state.lanes.length} runners</span>
 					{/if}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "plum-e2e",
-	"version": "1.3.2",
+	"version": "1.3.4",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/silverlunah/plum.git"
@@ -8,7 +8,7 @@
 	"description": "A detached test automation environment that combines Playwright and Cucumber with a Svelte frontend and an Express backend. It allows users to trigger tests, monitor reports, and schedule test runs through an intuitive UI.",
 	"main": "index.js",
 	"scripts": {
-		"init": "npm install && npm --prefix backend install && npm --prefix backend run init && npm --prefix frontend install",
+		"init": "npm install && npm --prefix backend install && npm --prefix backend run init && npm --prefix frontend install && node bin/scaffold-tests.js",
 		"format": "prettier --write .",
 		"add-license": "npx license-check-and-add add -f license-config.json",
 		"prepare": "husky",

package/backend/scripts/add-local-runner.js

@@ -1,120 +0,0 @@
-/*
- * This file is part of Plum.
- *
- * Plum is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * Plum is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with Plum. If not, see https://www.gnu.org/licenses/.
- */
-
-/**
- * Interactively registers a local node runner with the Plum primary server,
- * then starts the node server in the foreground.
- *
- * Usage:  node scripts/add-local-runner.js
- *    or:  npm run add-local-runner     (from the backend directory)
- */
-
-const readline = require('readline');
-const { spawn } = require('child_process');
-const path = require('path');
-
-const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
-
-function ask(question, defaultValue) {
-	return new Promise((resolve) => {
-		const hint = defaultValue ? ` (default: ${defaultValue})` : '';
-		rl.question(`  ${question}${hint}: `, (answer) => {
-			resolve(answer.trim() || defaultValue || '');
-		});
-	});
-}
-
-async function main() {
-	console.log('\nRegister a local node runner with the Plum server');
-	console.log('─'.repeat(51));
-	console.log('The runner URL will use host.docker.internal so that');
-	console.log('the Plum Docker container can reach your host machine.\n');
-
-	const name = await ask('Runner name', 'local-node');
-	const token = await ask('Node auth token (NODE_TOKEN)', process.env.NODE_TOKEN || 'test123');
-	const port = await ask('Port the node will run on', '3002');
-	const browser = await ask('Default browser (chromium/firefox/webkit)', 'chromium');
-	const apiUrl = await ask('Plum server API URL', 'http://localhost:3001');
-
-	rl.close();
-
-	const nodeUrl = `http://host.docker.internal:${port}`;
-	console.log(`\nRegistering "${name}" at ${nodeUrl} via ${apiUrl}...`);
-
-	let res;
-	try {
-		res = await fetch(`${apiUrl}/runners`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ name, url: nodeUrl, token, browser })
-		});
-	} catch (e) {
-		console.error(`\n✗ Could not reach Plum server at ${apiUrl}`);
-		console.error(`  ${e.message}`);
-		console.error('\nMake sure the Docker stack is running:');
-		console.error('  docker compose up -d');
-		process.exit(1);
-	}
-
-	const body = await res.json().catch(() => ({}));
-
-	if (!res.ok) {
-		console.error(`\n✗ Server returned HTTP ${res.status}`);
-		if (body.error) console.error(`  ${body.error}`);
-		process.exit(1);
-	}
-
-	if (body.error) {
-		console.error('\n✗ Error:', body.error);
-		process.exit(1);
-	}
-
-	const runner = body.runner;
-	console.log(`\n✓ Runner "${runner.name}" registered (id: ${runner.id})`);
-	console.log(`  URL:     ${runner.url}`);
-	console.log(`  Token:   ${runner.token}`);
-	console.log(`  Browser: ${runner.browser}`);
-	console.log('\nStarting node server… (Ctrl+C to stop)\n');
-
-	// Start the node server in the foreground — the script stays alive until the user kills it
-	const serverPath = path.resolve(__dirname, '..', 'server.js');
-	const child = spawn(process.execPath, [serverPath], {
-		env: {
-			...process.env,
-			NODE_TOKEN: token,
-			PLUM_MODE: 'node',
-			PORT: port
-		},
-		stdio: 'inherit',
-		cwd: path.resolve(__dirname, '..')
-	});
-
-	child.on('error', (e) => {
-		console.error('✗ Failed to start node server:', e.message);
-		process.exit(1);
-	});
-
-	child.on('close', (code) => {
-		process.exit(code ?? 0);
-	});
-}
-
-main().catch((e) => {
-	rl.close();
-	console.error('\n✗', e.message);
-	process.exit(1);
-});