plum-e2e 1.3.6 → 2.1.0

package/frontend/src/lib/api/repository.js

@@ -0,0 +1,256 @@
+/*
+ * 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/.
+ */
+
+import { API_BASE, REPO_PAGE_SIZE } from '$lib/constants';
+import { auth } from '$lib/stores/auth';
+
+function getToken() {
+	return auth.getToken();
+}
+
+function authHeaders() {
+	return { 'Content-Type': 'application/json', Authorization: `Bearer ${getToken()}` };
+}
+
+// ── Test Suites ──────────────────────────────────────────────────────────────
+
+export async function fetchSuites({ page = 1, limit = REPO_PAGE_SIZE, sortBy, sortOrder } = {}) {
+	const params = new URLSearchParams({ page, limit });
+	if (sortBy) params.set('sortBy', sortBy);
+	if (sortOrder) params.set('sortOrder', sortOrder);
+	const res = await fetch(`${API_BASE}/test-suites?${params}`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch suites');
+	return res.json(); // { suites, total }
+}
+
+export async function fetchAllSuitesWithCases() {
+	const res = await fetch(`${API_BASE}/test-suites?withCases=true`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch suites');
+	const data = await res.json();
+	return data.suites;
+}
+
+export async function searchRepository(q) {
+	const enc = encodeURIComponent(q);
+	const [sRes, rRes] = await Promise.all([
+		fetch(`${API_BASE}/test-suites?q=${enc}`, { headers: authHeaders() }),
+		fetch(`${API_BASE}/test-runs?q=${enc}&limit=50`, { headers: authHeaders() })
+	]);
+	const { suites, cases } = await sRes.json();
+	const { runs } = await rRes.json();
+	return { suites, cases, runs };
+}
+
+export async function fetchSuite(id) {
+	const res = await fetch(`${API_BASE}/test-suites/${id}`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Suite not found');
+	const data = await res.json();
+	return data.suite;
+}
+
+export async function createSuite({ name, description, priority }) {
+	const res = await fetch(`${API_BASE}/test-suites`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ name, description, priority })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to create suite');
+	return data.suite;
+}
+
+export async function updateSuite(id, { name, description, priority }) {
+	const res = await fetch(`${API_BASE}/test-suites/${id}`, {
+		method: 'PUT',
+		headers: authHeaders(),
+		body: JSON.stringify({ name, description, priority })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to update suite');
+	return data.suite;
+}
+
+export async function deleteSuite(id) {
+	const res = await fetch(`${API_BASE}/test-suites/${id}`, {
+		method: 'DELETE',
+		headers: authHeaders()
+	});
+	if (!res.ok) throw new Error('Failed to delete suite');
+}
+
+// ── Test Cases ───────────────────────────────────────────────────────────────
+
+export async function fetchTestCase(id) {
+	const res = await fetch(`${API_BASE}/test-cases/${id}`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Test case not found');
+	const data = await res.json();
+	return data.testCase;
+}
+
+export async function createTestCase({ suiteId, title, description, priority }) {
+	const res = await fetch(`${API_BASE}/test-cases`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ suiteId, title, description, priority })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to create test case');
+	return data.testCase;
+}
+
+export async function updateTestCase(id, { title, description, priority }) {
+	const res = await fetch(`${API_BASE}/test-cases/${id}`, {
+		method: 'PUT',
+		headers: authHeaders(),
+		body: JSON.stringify({ title, description, priority })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to update test case');
+	return data.testCase;
+}
+
+export async function saveSteps(caseId, steps) {
+	const res = await fetch(`${API_BASE}/test-cases/${caseId}/steps`, {
+		method: 'PUT',
+		headers: authHeaders(),
+		body: JSON.stringify({ steps })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to save steps');
+	return data.steps;
+}
+
+export async function deleteTestCase(id) {
+	const res = await fetch(`${API_BASE}/test-cases/${id}`, {
+		method: 'DELETE',
+		headers: authHeaders()
+	});
+	if (!res.ok) throw new Error('Failed to delete test case');
+}
+
+// ── Test Runs ────────────────────────────────────────────────────────────────
+
+export async function fetchRuns({ page = 1, limit = REPO_PAGE_SIZE, sortBy, sortOrder } = {}) {
+	const params = new URLSearchParams({ page, limit });
+	if (sortBy) params.set('sortBy', sortBy);
+	if (sortOrder) params.set('sortOrder', sortOrder);
+	const res = await fetch(`${API_BASE}/test-runs?${params}`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch test runs');
+	return res.json(); // { runs, total }
+}
+
+export async function fetchRun(id) {
+	const res = await fetch(`${API_BASE}/test-runs/${id}`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Test run not found');
+	const data = await res.json();
+	return data.run;
+}
+
+export async function createRun({ title, caseIds }) {
+	const res = await fetch(`${API_BASE}/test-runs`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ title, caseIds })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to create test run');
+	return data.run;
+}
+
+export async function updateRun(id, { title, status, caseIds }) {
+	const res = await fetch(`${API_BASE}/test-runs/${id}`, {
+		method: 'PUT',
+		headers: authHeaders(),
+		body: JSON.stringify({ title, status, caseIds })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to update test run');
+	return data.run;
+}
+
+export async function duplicateRun(id) {
+	const res = await fetch(`${API_BASE}/test-runs/${id}/duplicate`, {
+		method: 'POST',
+		headers: authHeaders()
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to duplicate run');
+	return data.run;
+}
+
+export async function deleteRun(id) {
+	const res = await fetch(`${API_BASE}/test-runs/${id}`, {
+		method: 'DELETE',
+		headers: authHeaders()
+	});
+	if (!res.ok) throw new Error('Failed to delete test run');
+}
+
+export async function recordEntryResult(entryId, { status, notes }) {
+	const res = await fetch(`${API_BASE}/test-runs/entries/${entryId}/result`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ status, notes })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to record result');
+	return data.entry;
+}
+
+export async function assignEntry(entryId, userId) {
+	const res = await fetch(`${API_BASE}/test-runs/entries/${entryId}/assign`, {
+		method: 'PUT',
+		headers: authHeaders(),
+		body: JSON.stringify({ userId: userId ?? null })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to assign entry');
+	return data.entry;
+}
+
+export async function fetchMembers() {
+	const res = await fetch(`${API_BASE}/users/members`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch members');
+	const data = await res.json();
+	return data.users;
+}
+
+// ── Prefixes ─────────────────────────────────────────────────────────────────
+
+export async function fetchPrefixes() {
+	const res = await fetch(`${API_BASE}/settings/test-prefixes`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch prefixes');
+	return res.json();
+}
+
+export async function savePrefixes({ testCasePrefix, testSuitePrefix }) {
+	const res = await fetch(`${API_BASE}/settings/test-prefixes`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ testCasePrefix, testSuitePrefix })
+	});
+	return res.json();
+}
+
+export async function migratePrefixes({ testCasePrefix, testSuitePrefix }) {
+	const res = await fetch(`${API_BASE}/settings/test-prefixes/migrate`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ testCasePrefix, testSuitePrefix })
+	});
+	return res.json();
+}

package/frontend/src/lib/api/users.js

@@ -0,0 +1,52 @@
+/*
+ * 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/.
+ */
+
+import { API_BASE } from '$lib/constants';
+import { auth } from '$lib/stores/auth';
+
+function authHeaders() {
+	return { 'Content-Type': 'application/json', Authorization: `Bearer ${auth.getToken()}` };
+}
+
+export async function fetchUsers() {
+	const res = await fetch(`${API_BASE}/users`, { headers: authHeaders() });
+	if (!res.ok) throw new Error('Failed to fetch users');
+	const data = await res.json();
+	return data.users;
+}
+
+export async function createUser({ name, email, password, role = 'user' }) {
+	const res = await fetch(`${API_BASE}/users`, {
+		method: 'POST',
+		headers: authHeaders(),
+		body: JSON.stringify({ name, email, password, role })
+	});
+	const data = await res.json();
+	if (!res.ok) throw new Error(data.error ?? 'Failed to create user');
+	return data.user;
+}
+
+export async function deleteUser(id) {
+	const res = await fetch(`${API_BASE}/users/${id}`, {
+		method: 'DELETE',
+		headers: authHeaders()
+	});
+	if (!res.ok) {
+		const data = await res.json();
+		throw new Error(data.error ?? 'Failed to delete user');
+	}
+}

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

@@ -18,13 +18,25 @@
 <script>
 	import { page } from '$app/stores';
 	import { slide } from 'svelte/transition';
+	import { onMount } from 'svelte';
+	import { auth } from '$lib/stores/auth';
+	import { goto } from '$app/navigation';
+	import { fetchProject } from '$lib/api/settings';
 
 	let menuOpen = false;
+	let project = { name: '', logoUrl: '' };
+
+	onMount(async () => {
+		try {
+			project = await fetchProject();
+		} catch {}
+	});
 
 	const links = [
-		{ href: '/', label: 'Run Tests' },
+		{ href: '/', label: 'Automated Tests' },
 		{ href: '/reports', label: 'Reports' },
-		{ href: '/scheduled-tests', label: 'Scheduled' }
+		{ href: '/scheduled-tests', label: 'Scheduled' },
+		{ href: '/test-repository', label: 'Test Repository', sep: true }
 	];
 
 	function closeMenu() {
@@ -40,13 +52,34 @@
 
 		<div class="links">
 			{#each links as link}
-				<a href={link.href} class="link" class:active={$page.url.pathname === link.href}>
+				{#if link.sep}
+					<span class="nav-sep" aria-hidden="true"></span>
+				{/if}
+				<a
+					href={link.href}
+					class="link"
+					class:repo={link.sep}
+					class:active={link.href === '/'
+						? $page.url.pathname === '/'
+						: $page.url.pathname.startsWith(link.href)}
+				>
 					{link.label}
 				</a>
 			{/each}
 		</div>
 
 		<div class="actions">
+			{#if project.name}
+				<div class="project-card">
+					{#if project.logoUrl}
+						<img src={project.logoUrl} alt="" class="project-logo" />
+					{/if}
+					<span class="project-name">{project.name}</span>
+				</div>
+			{/if}
+			{#if $auth.user}
+				<span class="nav-user">{$auth.user.name}</span>
+			{/if}
 			<a
 				href="/settings"
 				class="settings-btn"
@@ -87,10 +120,15 @@
 	{#if menuOpen}
 		<div class="mobile-menu" transition:slide={{ duration: 200 }}>
 			{#each links as link}
+				{#if link.sep}
+					<hr class="mobile-sep" />
+				{/if}
 				<a
 					href={link.href}
 					class="mobile-link"
-					class:active={$page.url.pathname === link.href}
+					class:active={link.href === '/'
+						? $page.url.pathname === '/'
+						: $page.url.pathname.startsWith(link.href)}
 					on:click={closeMenu}
 				>
 					{link.label}
@@ -150,6 +188,36 @@
 		color: var(--text);
 	}
 
+	/* Project card */
+	.project-card {
+		display: flex;
+		align-items: center;
+		gap: 0.4rem;
+		padding: 0.25rem 0.6rem 0.25rem 0.5rem;
+		border: 1px solid var(--border);
+		border-radius: var(--radius-sm);
+		background: var(--bg-elevated);
+		flex-shrink: 0;
+	}
+
+	.project-logo {
+		width: 16px;
+		height: 16px;
+		object-fit: contain;
+		border-radius: 2px;
+		flex-shrink: 0;
+	}
+
+	.project-name {
+		font-size: 0.78rem;
+		font-weight: 500;
+		color: var(--text);
+		max-width: 140px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
 	/* Desktop links */
 	.links {
 		display: flex;
@@ -179,6 +247,29 @@
 		background: var(--accent-soft);
 	}
 
+	.nav-sep {
+		display: block;
+		width: 1px;
+		height: 18px;
+		background: var(--border);
+		margin: 0 0.375rem;
+		flex-shrink: 0;
+		align-self: center;
+	}
+
+	.link.repo {
+		border: 1px solid var(--border);
+		padding: 0.3rem 0.75rem;
+	}
+
+	.link.repo:hover {
+		border-color: var(--text-muted);
+	}
+
+	.link.repo.active {
+		border-color: var(--accent);
+	}
+
 	/* Actions */
 	.actions {
 		display: flex;
@@ -187,6 +278,21 @@
 		margin-left: auto;
 	}
 
+	.nav-user {
+		font-size: 0.8125rem;
+		color: var(--text-muted);
+		max-width: 120px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	@media (max-width: 640px) {
+		.nav-user {
+			display: none;
+		}
+	}
+
 	/* Settings gear icon */
 	.settings-btn {
 		display: flex;
@@ -288,6 +394,12 @@
 		background: var(--accent-soft);
 	}
 
+	.mobile-sep {
+		border: none;
+		border-top: 1px solid var(--border);
+		margin: 0.375rem 0.75rem;
+	}
+
 	@media (max-width: 640px) {
 		.links {
 			display: none;