npm - plum-e2e - Versions diffs - 1.0.0 - Mend

plum-e2e 1.0.0

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 (56) hide show

package/.husky/pre-commit +2 -0
package/.prettierignore +21 -0
package/.prettierrc +15 -0
package/LICENSE +677 -0
package/README.md +5 -0
package/backend/Dockerfile +30 -0
package/backend/README.md +0 -0
package/backend/_scaffold/features/LoginPage.feature +6 -0
package/backend/_scaffold/pages/LoginPage.js +22 -0
package/backend/_scaffold/step_definitions/LoginSteps.js +9 -0
package/backend/_scaffold/utils/constants.js +3 -0
package/backend/_scaffold/utils/hooks.js +65 -0
package/backend/_scaffold/utils/utils.js +10 -0
package/backend/app.js +37 -0
package/backend/config/scripts/create-settings.js +60 -0
package/backend/config/scripts/generate-report.js +135 -0
package/backend/config/scripts/run-tests.js +37 -0
package/backend/cucumber.json +6 -0
package/backend/package-lock.json +3403 -0
package/backend/package.json +29 -0
package/backend/playwright.config.js +97 -0
package/backend/routes/cron.routes.js +127 -0
package/backend/routes/reports.routes.js +42 -0
package/backend/routes/schedules.routes.js +32 -0
package/backend/routes/tests.routes.js +33 -0
package/backend/server.js +39 -0
package/backend/services/cronService.js +127 -0
package/backend/services/envService.js +43 -0
package/backend/services/reportService.js +50 -0
package/backend/services/scheduleService.js +34 -0
package/backend/services/testService.js +70 -0
package/backend/websockets/socketHandler.js +46 -0
package/bin/plum.js +188 -0
package/docker-compose.yml +41 -0
package/frontend/Dockerfile +26 -0
package/frontend/README.md +0 -0
package/frontend/jsconfig.json +13 -0
package/frontend/package-lock.json +2894 -0
package/frontend/package.json +26 -0
package/frontend/postcss.config.js +23 -0
package/frontend/src/app.css +35 -0
package/frontend/src/app.html +28 -0
package/frontend/src/lib/index.js +18 -0
package/frontend/src/routes/+layout.svelte +34 -0
package/frontend/src/routes/+page.svelte +188 -0
package/frontend/src/routes/components/Navigation.svelte +53 -0
package/frontend/src/routes/reports/+page.svelte +160 -0
package/frontend/src/routes/scheduled-tests/+page.svelte +363 -0
package/frontend/static/favicon.png +0 -0
package/frontend/svelte.config.js +30 -0
package/frontend/tailwind.config.js +44 -0
package/frontend/vite.config.js +23 -0
package/license-config.json +37 -0
package/package.json +28 -0
package/resources/comments-format.text +23 -0
package/resources/gpl-3.0-license.txt +14 -0

package/frontend/package.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+	"name": "plum-frontend",
+	"private": true,
+	"version": "0.0.1",
+	"type": "module",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^4.0.0",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"autoprefixer": "^10.4.20",
+		"daisyui": "^4.12.23",
+		"postcss": "^8.5.1",
+		"svelte": "^5.0.0",
+		"tailwindcss": "^3.4.17",
+		"vite": "^6.0.0"
+	},
+	"dependencies": {
+		"socket.io-client": "^4.8.1"
+	}
+}

package/frontend/postcss.config.js ADDED Viewed

@@ -0,0 +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: {}
+	}
+};

package/frontend/src/app.css ADDED Viewed

@@ -0,0 +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;
+}

package/frontend/src/app.html ADDED Viewed

@@ -0,0 +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>

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

@@ -0,0 +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.

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

@@ -0,0 +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>

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

@@ -0,0 +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>

package/frontend/src/routes/components/Navigation.svelte ADDED Viewed

@@ -0,0 +1,53 @@
+<!--
+ * 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/.
+ -->
+<div class="navbar bg-base-100">
+	<div class="navbar-start">
+		<div class="dropdown">
+			<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					class="h-5 w-5"
+					fill="none"
+					viewBox="0 0 24 24"
+					stroke="currentColor"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M4 6h16M4 12h8m-8 6h16"
+					/>
+				</svg>
+			</div>
+			<ul class="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow">
+				<li><a href="/">Home</a></li>
+				<li><a href="/reports">Reports</a></li>
+				<li><a href="/scheduled-tests">Scheduled Tests</a></li>
+			</ul>
+		</div>
+		<a href="/" class="btn btn-ghost text-xl">Plum</a>
+	</div>
+	<div class="navbar-center hidden lg:flex">
+		<ul class="menu menu-horizontal px-1">
+			<li><a href="/">Home</a></li>
+			<li><a href="/reports">Reports</a></li>
+			<li><a href="/scheduled-tests">Scheduled Tests</a></li>
+		</ul>
+	</div>
+	<div class="navbar-end"></div>
+</div>

package/frontend/src/routes/reports/+page.svelte ADDED Viewed

@@ -0,0 +1,160 @@
+<!--
+ * 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';
+	let reports = [];
+	let currentPage = 1;
+	const itemsPerPage = 10;
+	async function fetchReports() {
+		const response = await fetch('http://localhost:3001/reports');
+		const data = await response.json();
+		reports = data.reports.map((fileName) => {
+			// Updated regex to capture the trigger type and tags inside parentheses
+			const match = fileName.match(
+				/(PASS|FAIL)_cucumber_report_([^_]+)_\(([^)]+)\)_(\d{4})_(\d{2})_(\d{2})T(\d{2})_(\d{2})_(\d{2})_\d{3}Z\.html/
+			);
+			if (!match)
+				return {
+					fileName,
+					status: 'Unknown',
+					triggerType: 'Invalid Trigger',
+					tags: 'Invalid Tags',
+					date: 'Invalid Date'
+				};
+			const [_, status, triggerType, tagsString, year, month, day, hour, minute, second] = match;
+			// Format date properly
+			const rawDate = new Date(`${year}-${month}-${day}T${hour}:${minute}:${second}Z`);
+			const formattedDate = rawDate.toLocaleString();
+			return { fileName, status, triggerType, tags: tagsString, date: formattedDate };
+		});
+	}
+	// Calculate the start and end indices for pagination
+	function paginatedReports() {
+		const startIndex = (currentPage - 1) * itemsPerPage;
+		const endIndex = startIndex + itemsPerPage;
+		return reports.slice(startIndex, endIndex);
+	}
+	function goToPage(pageNumber) {
+		if (pageNumber < 1 || pageNumber > totalPages()) return;
+		currentPage = pageNumber;
+	}
+	function totalPages() {
+		return Math.ceil(reports.length / itemsPerPage);
+	}
+	onMount(fetchReports);
+</script>
+<div class="flex justify-center items-center w-full my-4">
+	<div class="card bg-base-300 rounded-box p-4">
+		<div class="card-body text-left">
+			<h2 class="card-title sticky top-0 bg-base-300 z-10">Reports</h2>
+			<div class="mt-4">
+				{#if reports.length > 0}
+					<div class="overflow-x-auto">
+						<table class="table">
+							<thead>
+								<tr>
+									<th>Status</th>
+									<th>Type</th>
+									<th>Tags</th>
+									<th>Date</th>
+								</tr>
+							</thead>
+							<tbody>
+								{#each paginatedReports() as report}
+									<tr
+										on:click={() =>
+											window.open(`http://localhost:3001/reports/${report.fileName}`, '_blank')}
+										style="cursor: pointer;"
+									>
+										<td>
+											<span
+												class="badge"
+												class:badge-success={report.status === 'PASS'}
+												class:badge-error={report.status === 'FAIL'}
+											>
+												{report.status}
+											</span>
+										</td>
+										<td>
+											{#if report.triggerType === 'manual-trigger'}
+												<span class="badge badge-primary">Manual Trigger</span>
+											{:else if report.triggerType === 'command-line-trigger'}
+												<span class="badge badge-primary">CLI Trigger</span>
+											{:else}
+												<span class="badge badge-secondary">Scheduled: {report.triggerType}</span>
+											{/if}
+										</td>
+										<td>
+											<span class="badge badge-neutral">
+												{report.tags}
+											</span>
+										</td>
+										<td>
+											{report.date}
+										</td>
+									</tr>
+								{/each}
+							</tbody>
+						</table>
+					</div>
+					<!-- Pagination Controls -->
+					<div class="flex justify-center mt-4">
+						<div class="btn-group">
+							<button
+								class="btn btn-ghost"
+								on:click={() => goToPage(currentPage - 1)}
+								disabled={currentPage === 1}
+							>
+								Previous
+							</button>
+							{#each Array(totalPages()) as _, i}
+								<button
+									class="btn mx-1"
+									on:click={() => goToPage(i + 1)}
+									class:btn-active={currentPage === i + 1}
+								>
+									{i + 1}
+								</button>
+							{/each}
+							<button
+								class="btn btn-primary"
+								on:click={() => goToPage(currentPage + 1)}
+								disabled={currentPage === totalPages()}
+							>
+								Next
+							</button>
+						</div>
+					</div>
+				{:else}
+					<p>No reports available.</p>
+				{/if}
+			</div>
+		</div>
+	</div>
+</div>