npm - plum-e2e - Versions diffs - 1.0.2 → 1.0.4 - Mend

plum-e2e 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/.prettierrc +15 -15
package/README.md +66 -5
package/backend/_scaffold/pages/LoginPage.js +22 -22
package/backend/_scaffold/step_definitions/LoginSteps.js +9 -9
package/backend/_scaffold/utils/constants.js +3 -3
package/backend/_scaffold/utils/hooks.js +65 -65
package/backend/_scaffold/utils/utils.js +10 -10
package/backend/app.js +37 -37
package/backend/config/scripts/create-settings.js +60 -60
package/backend/config/scripts/generate-report.js +135 -135
package/backend/config/scripts/run-tests.js +37 -37
package/backend/cucumber.json +6 -6
package/backend/package.json +29 -29
package/backend/playwright.config.js +97 -97
package/backend/routes/cron.routes.js +127 -127
package/backend/routes/reports.routes.js +42 -42
package/backend/routes/schedules.routes.js +32 -32
package/backend/routes/tests.routes.js +33 -33
package/backend/server.js +39 -39
package/backend/services/cronService.js +127 -127
package/backend/services/envService.js +43 -43
package/backend/services/reportService.js +50 -50
package/backend/services/scheduleService.js +34 -34
package/backend/services/testService.js +70 -70
package/backend/websockets/socketHandler.js +46 -46
package/bin/plum.js +198 -198
package/docker-compose.yml +41 -41
package/frontend/jsconfig.json +13 -13
package/frontend/package.json +26 -26
package/frontend/postcss.config.js +23 -23
package/frontend/src/app.css +35 -35
package/frontend/src/app.html +28 -28
package/frontend/src/lib/index.js +18 -18
package/frontend/src/routes/+layout.svelte +34 -34
package/frontend/src/routes/+page.svelte +188 -188
package/frontend/src/routes/components/Navigation.svelte +53 -53
package/frontend/src/routes/reports/+page.svelte +160 -160
package/frontend/src/routes/scheduled-tests/+page.svelte +363 -363
package/frontend/svelte.config.js +30 -30
package/frontend/tailwind.config.js +44 -44
package/frontend/vite.config.js +23 -23
package/license-config.json +37 -37
package/package.json +32 -28

package/frontend/postcss.config.js CHANGED Viewed

@@ -1,23 +1,23 @@
-/*
- * 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/.
- */
-export default {
-	plugins: {
-		tailwindcss: {},
-		autoprefixer: {}
-	}
-};
+/*
+ * 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/.
+ */
+export default {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {}
+	}
+};

package/frontend/src/app.css CHANGED Viewed

@@ -1,35 +1,35 @@
-/*
-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/.
-*/
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-html {
-	scroll-behavior: smooth;
-}
-* {
-	font-family: 'Inter', sans-serif;
-	font-weight: 300;
-}
-h1,
-h2,
-h3,
-.poppins {
-	font-family: 'Poppins', sans-serif;
-}
+/*
+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/.
+*/
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+html {
+	scroll-behavior: smooth;
+}
+* {
+	font-family: 'Inter', sans-serif;
+	font-weight: 300;
+}
+h1,
+h2,
+h3,
+.poppins {
+	font-family: 'Poppins', sans-serif;
+}

package/frontend/src/app.html CHANGED Viewed

@@ -1,28 +1,28 @@
-<!--
-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/.
--->
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
-	</body>
-</html>
+<!--
+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/.
+-->
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>

package/frontend/src/lib/index.js CHANGED Viewed

@@ -1,18 +1,18 @@
-/*
- * 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/.
- */
-// place files you want to import through the `$lib` alias in this folder.
+/*
+ * 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/.
+ */
+// place files you want to import through the `$lib` alias in this folder.

package/frontend/src/routes/+layout.svelte CHANGED Viewed

@@ -1,34 +1,34 @@
-<!--
- * 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/.
- -->
-<script>
-	import '../app.css';
-	import Navigation from './components/Navigation.svelte';
-</script>
-<div class="layout">
-	<Navigation></Navigation>
-	<slot />
-</div>
-<style>
-	.layout {
-		display: flex;
-		flex-direction: column;
-		min-height: 100vh; /* Full viewport height */
-	}
-</style>
+<!--
+ * 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/.
+ -->
+<script>
+	import '../app.css';
+	import Navigation from './components/Navigation.svelte';
+</script>
+<div class="layout">
+	<Navigation></Navigation>
+	<slot />
+</div>
+<style>
+	.layout {
+		display: flex;
+		flex-direction: column;
+		min-height: 100vh; /* Full viewport height */
+	}
+</style>

package/frontend/src/routes/+page.svelte CHANGED Viewed

@@ -1,188 +1,188 @@
-<!--
- * 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/.
- -->
-<script>
-	import { onMount } from 'svelte';
-	import { io } from 'socket.io-client';
-	let output = "Enter a test ID and click 'Run Test'...\n";
-	let socket;
-	let testCompleted = false;
-	let testID = '';
-	let outputRef;
-	let suites = [];
-	let latestReport = null;
-	onMount(async () => {
-		socket = io('http://localhost:3001');
-		socket.on('log', (data) => {
-			output += data + '\n';
-			scrollToBottom();
-		});
-		socket.on('done', async () => {
-			output += '✅ Test completed!\n';
-			testCompleted = true;
-			scrollToBottom();
-			// Fetch the latest report **after** test completion
-			await fetchLatestReport();
-		});
-		// Fetch test names from backend
-		try {
-			const response = await fetch('http://localhost:3001/tests');
-			const data = await response.json();
-			suites = data.suites.suites;
-		} catch (error) {
-			console.error('Error fetching test suites:', error);
-		}
-	});
-	function runTest() {
-		const formattedTestID = testID.replace(/\sOR\s/gi, (match) => match.toLowerCase());
-		output = `Running test with ID: ${formattedTestID}...\n`;
-		testCompleted = false;
-		socket.emit('run-test', formattedTestID, 'manual-trigger');
-	}
-	async function fetchLatestReport() {
-		const response = await fetch('http://localhost:3001/reports/latest');
-		const data = await response.json();
-		latestReport = data.latestReport;
-	}
-	async function scrollToBottom() {
-		await new Promise((resolve) => setTimeout(resolve, 50));
-		if (outputRef) outputRef.scrollTop = outputRef.scrollHeight;
-	}
-	function copyIdToTextbox(id) {
-		console.log('Selected Test ID:', id);
-		testID = id;
-	}
-</script>
-<div class="flex flex-col md:flex-row w-full my-4">
-	<!-- Left Panel: Run Tests -->
-	<div
-		class="card bg-base-300 rounded-box grid flex-grow place-items-center md:w-1/2 w-full p-4 md:mr-2 md:ml-4 mb-4 md:mb-0"
-	>
-		<div class="card-body items-center text-center">
-			<h2 class="card-title">Run Tests</h2>
-			<p>Enter a test case/suite ID or select an ID from the Test List</p>
-			<label class="form-control w-full max-w-xs mt-4">
-				<input
-					type="text"
-					class="input input-bordered w-full max-w-xs"
-					bind:value={testID}
-					placeholder="Enter test ID"
-				/>
-			</label>
-			<div class="card-actions justify-end">
-				<button class="btn btn-primary" on:click={runTest}>Run</button>
-				{#if testCompleted}
-					<a href={`http://localhost:3001/reports/${latestReport}`} target="_blank">
-						<button class="btn btn-primary">View Report</button>
-					</a>
-				{/if}
-			</div>
-		</div>
-		<pre
-			bind:this={outputRef}
-			class="bg-black rounded-box p-4 w-full overflow-auto whitespace-pre-wrap h-64 max-h-64">{output}</pre>
-	</div>
-	<!-- Right Panel: Test List -->
-	<div class="card bg-base-300 rounded-box md:w-1/2 w-full p-4 md:ml-2 md:mr-4">
-		<div class="card-body items-center text-center">
-			<h2 class="card-title sticky top-0 bg-base-300 z-10">Test List</h2>
-			<div class="mt-4">
-				{#each suites as suite, suiteIndex}
-					<div class="collapse bg-base-200 mb-4">
-						<input type="radio" name="my-accordion-1" id="collapse-{suiteIndex}" />
-						<label
-							for="collapse-{suiteIndex}"
-							class="collapse-title font-medium justify-start cursor-pointer"
-						>
-							{#if Array.isArray(suite.suiteId)}
-								{#each suite.suiteId as suiteId}
-									<div class="badge badge-primary mr-2">{suiteId}</div>
-								{/each}
-							{:else}
-								<div class="badge badge-primary mr-2">{suite.suiteId}</div>
-							{/if}
-							{suite.suiteName}
-						</label>
-						<div class="collapse-content">
-							<button
-								class="btn btn-active btn-ghost btn-xs"
-								on:click={() =>
-									copyIdToTextbox(Array.isArray(suite.suiteId) ? suite.suiteId[0] : suite.suiteId)}
-							>
-								Select Suite
-							</button>
-							<div class="card rounded-lg shadow-md mt-2">
-								<div class="overflow-x-auto">
-									<table class="table">
-										<thead>
-											<tr>
-												<th>ID</th>
-												<th>Test Case</th>
-											</tr>
-										</thead>
-										<tbody>
-											{#each suite.tests as test}
-												<tr>
-													<th>
-														{#if Array.isArray(test.id)}
-															{#each test.id as testId}
-																<button
-																	class="btn btn-active btn-ghost btn-xs mr-1"
-																	on:click={() => copyIdToTextbox(testId)}
-																>
-																	{testId}
-																</button>
-															{/each}
-														{:else}
-															<button
-																class="btn btn-active btn-ghost btn-xs"
-																on:click={() => copyIdToTextbox(test.id)}
-															>
-																{test.id}
-															</button>
-														{/if}
-													</th>
-													<td>{test.testCase}</td>
-												</tr>
-											{/each}
-										</tbody>
-									</table>
-								</div>
-							</div>
-						</div>
-					</div>
-				{/each}
-			</div>
-		</div>
-	</div>
-</div>
+<!--
+ * 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/.
+ -->
+<script>
+	import { onMount } from 'svelte';
+	import { io } from 'socket.io-client';
+	let output = "Enter a test ID and click 'Run Test'...\n";
+	let socket;
+	let testCompleted = false;
+	let testID = '';
+	let outputRef;
+	let suites = [];
+	let latestReport = null;
+	onMount(async () => {
+		socket = io('http://localhost:3001');
+		socket.on('log', (data) => {
+			output += data + '\n';
+			scrollToBottom();
+		});
+		socket.on('done', async () => {
+			output += '✅ Test completed!\n';
+			testCompleted = true;
+			scrollToBottom();
+			// Fetch the latest report **after** test completion
+			await fetchLatestReport();
+		});
+		// Fetch test names from backend
+		try {
+			const response = await fetch('http://localhost:3001/tests');
+			const data = await response.json();
+			suites = data.suites.suites;
+		} catch (error) {
+			console.error('Error fetching test suites:', error);
+		}
+	});
+	function runTest() {
+		const formattedTestID = testID.replace(/\sOR\s/gi, (match) => match.toLowerCase());
+		output = `Running test with ID: ${formattedTestID}...\n`;
+		testCompleted = false;
+		socket.emit('run-test', formattedTestID, 'manual-trigger');
+	}
+	async function fetchLatestReport() {
+		const response = await fetch('http://localhost:3001/reports/latest');
+		const data = await response.json();
+		latestReport = data.latestReport;
+	}
+	async function scrollToBottom() {
+		await new Promise((resolve) => setTimeout(resolve, 50));
+		if (outputRef) outputRef.scrollTop = outputRef.scrollHeight;
+	}
+	function copyIdToTextbox(id) {
+		console.log('Selected Test ID:', id);
+		testID = id;
+	}
+</script>
+<div class="flex flex-col md:flex-row w-full my-4">
+	<!-- Left Panel: Run Tests -->
+	<div
+		class="card bg-base-300 rounded-box grid flex-grow place-items-center md:w-1/2 w-full p-4 md:mr-2 md:ml-4 mb-4 md:mb-0"
+	>
+		<div class="card-body items-center text-center">
+			<h2 class="card-title">Run Tests</h2>
+			<p>Enter a test case/suite ID or select an ID from the Test List</p>
+			<label class="form-control w-full max-w-xs mt-4">
+				<input
+					type="text"
+					class="input input-bordered w-full max-w-xs"
+					bind:value={testID}
+					placeholder="Enter test ID"
+				/>
+			</label>
+			<div class="card-actions justify-end">
+				<button class="btn btn-primary" on:click={runTest}>Run</button>
+				{#if testCompleted}
+					<a href={`http://localhost:3001/reports/${latestReport}`} target="_blank">
+						<button class="btn btn-primary">View Report</button>
+					</a>
+				{/if}
+			</div>
+		</div>
+		<pre
+			bind:this={outputRef}
+			class="bg-black rounded-box p-4 w-full overflow-auto whitespace-pre-wrap h-64 max-h-64">{output}</pre>
+	</div>
+	<!-- Right Panel: Test List -->
+	<div class="card bg-base-300 rounded-box md:w-1/2 w-full p-4 md:ml-2 md:mr-4">
+		<div class="card-body items-center text-center">
+			<h2 class="card-title sticky top-0 bg-base-300 z-10">Test List</h2>
+			<div class="mt-4">
+				{#each suites as suite, suiteIndex}
+					<div class="collapse bg-base-200 mb-4">
+						<input type="radio" name="my-accordion-1" id="collapse-{suiteIndex}" />
+						<label
+							for="collapse-{suiteIndex}"
+							class="collapse-title font-medium justify-start cursor-pointer"
+						>
+							{#if Array.isArray(suite.suiteId)}
+								{#each suite.suiteId as suiteId}
+									<div class="badge badge-primary mr-2">{suiteId}</div>
+								{/each}
+							{:else}
+								<div class="badge badge-primary mr-2">{suite.suiteId}</div>
+							{/if}
+							{suite.suiteName}
+						</label>
+						<div class="collapse-content">
+							<button
+								class="btn btn-active btn-ghost btn-xs"
+								on:click={() =>
+									copyIdToTextbox(Array.isArray(suite.suiteId) ? suite.suiteId[0] : suite.suiteId)}
+							>
+								Select Suite
+							</button>
+							<div class="card rounded-lg shadow-md mt-2">
+								<div class="overflow-x-auto">
+									<table class="table">
+										<thead>
+											<tr>
+												<th>ID</th>
+												<th>Test Case</th>
+											</tr>
+										</thead>
+										<tbody>
+											{#each suite.tests as test}
+												<tr>
+													<th>
+														{#if Array.isArray(test.id)}
+															{#each test.id as testId}
+																<button
+																	class="btn btn-active btn-ghost btn-xs mr-1"
+																	on:click={() => copyIdToTextbox(testId)}
+																>
+																	{testId}
+																</button>
+															{/each}
+														{:else}
+															<button
+																class="btn btn-active btn-ghost btn-xs"
+																on:click={() => copyIdToTextbox(test.id)}
+															>
+																{test.id}
+															</button>
+														{/if}
+													</th>
+													<td>{test.testCase}</td>
+												</tr>
+											{/each}
+										</tbody>
+									</table>
+								</div>
+							</div>
+						</div>
+					</div>
+				{/each}
+			</div>
+		</div>
+	</div>
+</div>