zwitschi
f020d276bc
- Updated architecture documentation to include details on UI rendering checks and Playwright end-to-end tests. - Revised testing documentation to specify Playwright for frontend E2E tests and added details on running tests. - Implemented feedback mechanism in scenario form for successful creation notifications. - Added feedback div in ScenarioForm.html for user notifications. - Created new fixtures for Playwright tests to manage server and browser instances. - Developed comprehensive E2E tests for consumption, costs, equipment, maintenance, production, and scenarios. - Added smoke tests to verify UI page loading and form submissions. - Enhanced unit tests for simulation and validation, including new tests for report generation and validation errors. - Created new test files for router validation to ensure consistent error handling. - Established a new test suite for UI routes to validate dashboard and reporting functionalities. - Implemented validation tests to ensure proper handling of JSON payloads.
79 lines
1.9 KiB
JavaScript
79 lines
1.9 KiB
JavaScript
document.addEventListener("DOMContentLoaded", () => {
|
|
const form = document.getElementById("scenario-form");
|
|
if (!form) {
|
|
return;
|
|
}
|
|
|
|
const nameInput = /** @type {HTMLInputElement | null} */ (
|
|
document.getElementById("name")
|
|
);
|
|
const descriptionInput = /** @type {HTMLInputElement | null} */ (
|
|
document.getElementById("description")
|
|
);
|
|
const table = document.getElementById("scenario-table");
|
|
const tableBody = document.getElementById("scenario-table-body");
|
|
const emptyState = document.getElementById("empty-state");
|
|
|
|
form.addEventListener("submit", async (event) => {
|
|
event.preventDefault();
|
|
|
|
if (!nameInput || !descriptionInput) {
|
|
return;
|
|
}
|
|
|
|
const payload = {
|
|
name: nameInput.value.trim(),
|
|
description: descriptionInput.value.trim() || null,
|
|
};
|
|
|
|
if (!payload.name) {
|
|
return;
|
|
}
|
|
|
|
const response = await fetch("/api/scenarios/", {
|
|
method: "POST",
|
|
headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify(payload),
|
|
});
|
|
|
|
if (!response.ok) {
|
|
const errorText = await response.text();
|
|
console.error("Scenario creation failed", errorText);
|
|
return;
|
|
}
|
|
|
|
const data = await response.json();
|
|
const row = document.createElement("tr");
|
|
row.dataset.scenarioId = String(data.id);
|
|
row.innerHTML = `
|
|
<td>${data.name}</td>
|
|
<td>${data.description ?? "—"}</td>
|
|
`;
|
|
|
|
if (emptyState) {
|
|
emptyState.remove();
|
|
}
|
|
|
|
if (table) {
|
|
table.classList.remove("hidden");
|
|
table.removeAttribute("aria-hidden");
|
|
}
|
|
|
|
if (tableBody) {
|
|
tableBody.appendChild(row);
|
|
}
|
|
|
|
form.reset();
|
|
nameInput.focus();
|
|
|
|
const feedback = document.getElementById("feedback");
|
|
if (feedback) {
|
|
feedback.textContent = `Scenario "${data.name}" created successfully.`;
|
|
feedback.classList.remove("hidden");
|
|
setTimeout(() => {
|
|
feedback.classList.add("hidden");
|
|
}, 3000);
|
|
}
|
|
});
|
|
});
|