plum-e2e 2.6.7 → 2.6.9

package/frontend/.svelte-kit/output/server/entries/pages/scheduled-tests/_page.svelte.js

@@ -15,18 +15,61 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
+/*
+ * This file is part of Plum.
+ * Licensed under the MIT License. See LICENSE file in the project root for details.
+ */
+
 import { a2 as copy_payload, a3 as assign_payload, p as pop, a as push, Y as head, Z as ensure_array_like, _ as stringify, X as store_get, $ as unsubscribe_stores } from "../../../chunks/index.js";
-import { B as BROWSERS } from "../../../chunks/constants.js";
+import { B as BROWSERS, b as BUILTIN_RUNNER_ID } from "../../../chunks/constants.js";
 import "../../../chunks/auth.js";
 import { b as backgroundRuns } from "../../../chunks/runner.js";
+import { B as BUILTIN_RUNNER_LABEL, C as CANNOT_BE_UNDONE_SUFFIX, E as EDIT_LABEL, D as DELETE_LABEL } from "../../../chunks/common.js";
 import { s as stagger } from "../../../chunks/format.js";
-import { B as Button } from "../../../chunks/Button.js";
+import { B as Button, T as Toast } from "../../../chunks/Toast.js";
 import { B as Badge } from "../../../chunks/Badge.js";
-import { M as Modal, C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
-import { T as Toast } from "../../../chunks/Toast.js";
+import { M as Modal } from "../../../chunks/Modal.js";
+import { C as ConfirmModal } from "../../../chunks/ConfirmModal.js";
 import { E as EmptyState } from "../../../chunks/EmptyState.js";
-import { a as attr } from "../../../chunks/attributes.js";
 import { e as escape_html } from "../../../chunks/escaping.js";
+import { a as attr } from "../../../chunks/attributes.js";
+const PAGE_TITLE = "Scheduled Tests — Plum";
+const HEADING = "Scheduled Tests";
+const SUBTITLE = "Manage recurring test runs via cron jobs";
+const NEW_JOB_LABEL = "+ New Job";
+const NO_JOBS_MESSAGE = "No scheduled tests yet. Create one to get started.";
+const TASK_NAME_LABEL = "Task Name";
+const TASK_NAME_HINT = "Use a unique, meaningful name";
+const TASK_NAME_PLACEHOLDER = "nightly-login-suite";
+const SCHEDULE_LABEL = "Schedule";
+const SELECT_SCHEDULE_PLACEHOLDER = "Select a schedule";
+const CUSTOM_OPTION_LABEL = "Custom…";
+const TAGS_LABEL = "Tags";
+const TAGS_HINT = "Multiple: @test-1 or @test-2. Leave blank to run all tests";
+const TAGS_PLACEHOLDER = "@suite-login (optional)";
+const WORKERS_LABEL = "Workers";
+const WORKERS_HINT = "Parallel workers for this job";
+const BROWSER_LABEL = "Browser";
+const RUNNERS_LABEL = "Runners";
+const RUNNERS_HINT = "Select one or more nodes";
+const THIS_SERVER_HINT = "this server";
+const DELETE_CRON_JOB_TITLE = "Delete Cron Job";
+const DELETE_CONFIRM_PREFIX = "Are you sure you want to delete";
+const DISABLE_SCHEDULE_LABEL = "Disable schedule";
+const ENABLE_SCHEDULE_LABEL = "Enable schedule";
+const RUNNING_NOW_TITLE = "Running now";
+const TH_NAME = "Name";
+const TH_SCHEDULE = "Schedule";
+const TH_TAGS = "Tags";
+const TH_WORKERS = "Workers";
+const TH_BROWSER = "Browser";
+const TH_RUNNER = "Runner";
+const TH_ACTIONS = "Actions";
+const modalTitle = (isEditing) => "New Cron Job";
+const saveChangesLabel = (isEditing) => "Add Cron Job";
+const toggleTitle = (enabled) => enabled ? DISABLE_SCHEDULE_LABEL : ENABLE_SCHEDULE_LABEL;
+const runNowTitle = (taskName) => `Run ${taskName} now`;
+const multiNodeLabel = (count) => `${count} nodes`;
 function _page($$payload, $$props) {
   push();
   var $$store_subs;
@@ -47,8 +90,8 @@ function _page($$payload, $$props) {
     taskName: "",
     tags: "",
     workers: 1,
-    browser: "chromium",
-    runnerIds: ["built-in"]
+    browser: BROWSERS[0].id,
+    runnerIds: [BUILTIN_RUNNER_ID]
   };
   function cronLabel(expression) {
     return scheduleOptions.find((s) => s.value === expression)?.label ?? expression;
@@ -57,10 +100,10 @@ function _page($$payload, $$props) {
   let $$inner_payload;
   function $$render_inner($$payload2) {
     head($$payload2, ($$payload3) => {
-      $$payload3.title = `<title>Scheduled Tests — Plum</title>`;
+      $$payload3.title = `<title>${escape_html(PAGE_TITLE)}</title>`;
     });
     Modal($$payload2, {
-      title: "New Cron Job",
+      title: modalTitle(),
       get open() {
         return modalOpen;
       },
@@ -72,21 +115,21 @@ function _page($$payload, $$props) {
         const each_array = ensure_array_like(scheduleOptions);
         const each_array_1 = ensure_array_like(BROWSERS);
         const each_array_2 = ensure_array_like(availableRunners);
-        $$payload3.out += `<form class="modal-form svelte-13v7bmf"><div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Task Name</span> <span class="field-hint svelte-13v7bmf">Use a unique, meaningful name</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.taskName)} placeholder="nightly-login-suite" required></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Schedule</span></div> <select class="field-input svelte-13v7bmf" required><option value="" disabled class="svelte-13v7bmf">Select a schedule</option><!--[-->`;
+        $$payload3.out += `<form class="modal-form svelte-13v7bmf"><div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(TASK_NAME_LABEL)}</span> <span class="field-hint svelte-13v7bmf">${escape_html(TASK_NAME_HINT)}</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.taskName)}${attr("placeholder", TASK_NAME_PLACEHOLDER)} required></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(SCHEDULE_LABEL)}</span></div> <select class="field-input svelte-13v7bmf" required><option value="" disabled class="svelte-13v7bmf">${escape_html(SELECT_SCHEDULE_PLACEHOLDER)}</option><!--[-->`;
         for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
           let opt = each_array[$$index];
           $$payload3.out += `<option${attr("value", opt.value)} class="svelte-13v7bmf">${escape_html(opt.label)}</option>`;
         }
-        $$payload3.out += `<!--]--><option${attr("value", CUSTOM_SENTINEL)} class="svelte-13v7bmf">Custom…</option></select> `;
+        $$payload3.out += `<!--]--><option${attr("value", CUSTOM_SENTINEL)} class="svelte-13v7bmf">${escape_html(CUSTOM_OPTION_LABEL)}</option></select> `;
         {
           $$payload3.out += "<!--[!-->";
         }
-        $$payload3.out += `<!--]--></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Tags</span> <span class="field-hint svelte-13v7bmf">Multiple: @test-1 or @test-2. Leave blank to run all tests</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.tags)} placeholder="@suite-login (optional)"></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Workers</span> <span class="field-hint svelte-13v7bmf">Parallel workers for this job</span></div> <div class="stepper svelte-13v7bmf"><button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers <= 1, true)}>−</button> <span class="step-val svelte-13v7bmf">${escape_html(form.workers)}</span> <button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers >= 10, true)}>+</button></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Browser</span></div> <div class="seg-control svelte-13v7bmf"><!--[-->`;
+        $$payload3.out += `<!--]--></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(TAGS_LABEL)}</span> <span class="field-hint svelte-13v7bmf">${escape_html(TAGS_HINT)}</span></div> <input type="text" class="field-input svelte-13v7bmf"${attr("value", form.tags)}${attr("placeholder", TAGS_PLACEHOLDER)}></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(WORKERS_LABEL)}</span> <span class="field-hint svelte-13v7bmf">${escape_html(WORKERS_HINT)}</span></div> <div class="stepper svelte-13v7bmf"><button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers <= 1, true)}>−</button> <span class="step-val svelte-13v7bmf">${escape_html(form.workers)}</span> <button type="button" class="step-btn svelte-13v7bmf"${attr("disabled", form.workers >= 10, true)}>+</button></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(BROWSER_LABEL)}</span></div> <div class="seg-control svelte-13v7bmf"><!--[-->`;
         for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
           let b = each_array_1[$$index_1];
           $$payload3.out += `<button type="button"${attr("class", `seg-btn svelte-13v7bmf ${stringify([form.browser === b.id ? "active" : ""].filter(Boolean).join(" "))}`)}><span class="seg-num svelte-13v7bmf">${escape_html(b.label)}</span></button>`;
         }
-        $$payload3.out += `<!--]--></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">Runners</span> <span class="field-hint svelte-13v7bmf">Select one or more nodes</span></div> <div class="runner-checks svelte-13v7bmf"><label class="runner-check-option svelte-13v7bmf"><input type="checkbox"${attr("checked", form.runnerIds.includes("built-in"), true)} class="svelte-13v7bmf"> <span class="runner-check-dot built-in svelte-13v7bmf"></span> <span class="svelte-13v7bmf">Built-in</span> <span class="runner-check-hint svelte-13v7bmf">this server</span></label> <!--[-->`;
+        $$payload3.out += `<!--]--></div></div> <div class="field svelte-13v7bmf"><div class="field-label svelte-13v7bmf"><span class="svelte-13v7bmf">${escape_html(RUNNERS_LABEL)}</span> <span class="field-hint svelte-13v7bmf">${escape_html(RUNNERS_HINT)}</span></div> <div class="runner-checks svelte-13v7bmf"><label class="runner-check-option svelte-13v7bmf"><input type="checkbox"${attr("checked", form.runnerIds.includes(BUILTIN_RUNNER_ID), true)} class="svelte-13v7bmf"> <span class="runner-check-dot built-in svelte-13v7bmf"></span> <span class="svelte-13v7bmf">${escape_html(BUILTIN_RUNNER_LABEL)}</span> <span class="runner-check-hint svelte-13v7bmf">${escape_html(THIS_SERVER_HINT)}</span></label> <!--[-->`;
         for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
           let r = each_array_2[$$index_2];
           $$payload3.out += `<label class="runner-check-option svelte-13v7bmf"><input type="checkbox"${attr("checked", form.runnerIds.includes(r.id), true)} class="svelte-13v7bmf"> <span class="runner-check-dot remote svelte-13v7bmf"></span> <span class="svelte-13v7bmf">${escape_html(r.name)}</span> <span class="runner-check-hint svelte-13v7bmf">${escape_html(r.url)}</span></label>`;
@@ -104,7 +147,7 @@ function _page($$payload, $$props) {
           type: "submit",
           size: "md",
           children: ($$payload4) => {
-            $$payload4.out += `<!---->${escape_html("Add Cron Job")}`;
+            $$payload4.out += `<!---->${escape_html(saveChangesLabel())}`;
           },
           $$slots: { default: true }
         });
@@ -114,7 +157,7 @@ function _page($$payload, $$props) {
     });
     $$payload2.out += `<!----> `;
     ConfirmModal($$payload2, {
-      title: "Delete Cron Job",
+      title: DELETE_CRON_JOB_TITLE,
       get open() {
         return deleteModalOpen;
       },
@@ -123,37 +166,34 @@ function _page($$payload, $$props) {
         $$settled = false;
       },
       children: ($$payload3) => {
-        $$payload3.out += `<!---->Are you sure you want to delete <strong class="svelte-13v7bmf">${escape_html(taskToDelete)}</strong>? This cannot be undone.`;
+        $$payload3.out += `<!---->${escape_html(DELETE_CONFIRM_PREFIX)} <strong class="svelte-13v7bmf">${escape_html(taskToDelete)}</strong>${escape_html(CANNOT_BE_UNDONE_SUFFIX)}`;
       },
       $$slots: { default: true }
     });
     $$payload2.out += `<!----> `;
     Toast($$payload2, { toast });
-    $$payload2.out += `<!----> <div class="page-header svelte-13v7bmf"><div class="header-row svelte-13v7bmf"><div class="svelte-13v7bmf"><h1 class="svelte-13v7bmf">Scheduled Tests</h1> <p class="subtitle svelte-13v7bmf">Manage recurring test runs via cron jobs</p></div> `;
+    $$payload2.out += `<!----> <div class="page-header svelte-13v7bmf"><div class="header-row svelte-13v7bmf"><div class="svelte-13v7bmf"><h1 class="svelte-13v7bmf">${escape_html(HEADING)}</h1> <p class="subtitle svelte-13v7bmf">${escape_html(SUBTITLE)}</p></div> `;
     Button($$payload2, {
       children: ($$payload3) => {
-        $$payload3.out += `<!---->+ New Job`;
+        $$payload3.out += `<!---->${escape_html(NEW_JOB_LABEL)}`;
       },
       $$slots: { default: true }
     });
     $$payload2.out += `<!----></div></div> <div class="card svelte-13v7bmf" style="padding: 0; overflow: hidden;">`;
     if (cronJobs.length === 0) {
       $$payload2.out += "<!--[-->";
-      EmptyState($$payload2, {
-        message: "No scheduled tests yet. Create one to get started.",
-        size: "sm"
-      });
+      EmptyState($$payload2, { message: NO_JOBS_MESSAGE, size: "sm" });
     } else {
       $$payload2.out += "<!--[!-->";
       const each_array_3 = ensure_array_like(cronJobs);
-      $$payload2.out += `<div class="table-wrap svelte-13v7bmf"><table class="data-table svelte-13v7bmf"><thead class="svelte-13v7bmf"><tr class="svelte-13v7bmf"><th class="th-toggle svelte-13v7bmf"></th><th class="th-run svelte-13v7bmf"></th><th class="svelte-13v7bmf">Name</th><th class="svelte-13v7bmf">Schedule</th><th class="svelte-13v7bmf">Tags</th><th class="svelte-13v7bmf">Workers</th><th class="svelte-13v7bmf">Browser</th><th class="svelte-13v7bmf">Runner</th><th class="svelte-13v7bmf">Actions</th></tr></thead><tbody class="svelte-13v7bmf"><!--[-->`;
+      $$payload2.out += `<div class="table-wrap svelte-13v7bmf"><table class="data-table svelte-13v7bmf"><thead class="svelte-13v7bmf"><tr class="svelte-13v7bmf"><th class="th-toggle svelte-13v7bmf"></th><th class="th-run svelte-13v7bmf"></th><th class="svelte-13v7bmf">${escape_html(TH_NAME)}</th><th class="svelte-13v7bmf">${escape_html(TH_SCHEDULE)}</th><th class="svelte-13v7bmf">${escape_html(TH_TAGS)}</th><th class="svelte-13v7bmf">${escape_html(TH_WORKERS)}</th><th class="svelte-13v7bmf">${escape_html(TH_BROWSER)}</th><th class="svelte-13v7bmf">${escape_html(TH_RUNNER)}</th><th class="svelte-13v7bmf">${escape_html(TH_ACTIONS)}</th></tr></thead><tbody class="svelte-13v7bmf"><!--[-->`;
       for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
         let job = each_array_3[i];
-        const ids = job.runnerIds ? job.runnerIds.split(",").map((s) => s.trim()) : ["built-in"];
-        $$payload2.out += `<tr${attr("style", stagger(i))}${attr("class", `job-row svelte-13v7bmf ${stringify([!job.enabled ? "disabled" : ""].filter(Boolean).join(" "))}`)}><td class="td-toggle svelte-13v7bmf"><button${attr("class", `toggle-btn svelte-13v7bmf ${stringify([job.enabled ? "on" : ""].filter(Boolean).join(" "))}`)}${attr("title", job.enabled ? "Disable schedule" : "Enable schedule")}${attr("aria-label", job.enabled ? "Disable schedule" : "Enable schedule")}${attr("aria-pressed", job.enabled)}><span class="toggle-knob svelte-13v7bmf"></span></button></td><td class="td-run svelte-13v7bmf"><button class="run-icon-btn svelte-13v7bmf"${attr("title", `Run ${stringify(job.taskName)} now`)}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-13v7bmf"><polygon points="5,3 19,12 5,21" class="svelte-13v7bmf"></polygon></svg></button></td><td class="job-name svelte-13v7bmf">`;
+        const ids = job.runnerIds ? job.runnerIds.split(",").map((s) => s.trim()) : [BUILTIN_RUNNER_ID];
+        $$payload2.out += `<tr${attr("style", stagger(i))}${attr("class", `job-row svelte-13v7bmf ${stringify([!job.enabled ? "disabled" : ""].filter(Boolean).join(" "))}`)}><td class="td-toggle svelte-13v7bmf"><button${attr("class", `toggle-btn svelte-13v7bmf ${stringify([job.enabled ? "on" : ""].filter(Boolean).join(" "))}`)}${attr("title", toggleTitle(job.enabled))}${attr("aria-label", toggleTitle(job.enabled))}${attr("aria-pressed", job.enabled)}><span class="toggle-knob svelte-13v7bmf"></span></button></td><td class="td-run svelte-13v7bmf"><button class="run-icon-btn svelte-13v7bmf"${attr("title", runNowTitle(job.taskName))}><svg width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke="none" class="svelte-13v7bmf"><polygon points="5,3 19,12 5,21" class="svelte-13v7bmf"></polygon></svg></button></td><td class="job-name svelte-13v7bmf">`;
         if (store_get($$store_subs ??= {}, "$backgroundRuns", backgroundRuns)[job.taskName]?.running) {
           $$payload2.out += "<!--[-->";
-          $$payload2.out += `<span class="running-dot svelte-13v7bmf" title="Running now"></span>`;
+          $$payload2.out += `<span class="running-dot svelte-13v7bmf"${attr("title", RUNNING_NOW_TITLE)}></span>`;
         } else {
           $$payload2.out += "<!--[!-->";
         }
@@ -165,10 +205,10 @@ function _page($$payload, $$props) {
           },
           $$slots: { default: true }
         });
-        $$payload2.out += `<!----></td><td class="svelte-13v7bmf"><span class="tag-text svelte-13v7bmf">${escape_html(job.tags)}</span></td><td class="svelte-13v7bmf"><span${attr("class", `workers-badge svelte-13v7bmf ${stringify([job.workers > 1 ? "multi" : ""].filter(Boolean).join(" "))}`)}>×${escape_html(job.workers)}</span></td><td class="svelte-13v7bmf"><span class="browser-badge svelte-13v7bmf">${escape_html(job.browser ?? "chromium")}</span></td><td class="svelte-13v7bmf"><span${attr("class", `runner-badge svelte-13v7bmf ${stringify([ids.length > 1 ? "multi-node" : ""].filter(Boolean).join(" "))}`)}>`;
-        if (ids.length === 1 && ids[0] === "built-in") {
+        $$payload2.out += `<!----></td><td class="svelte-13v7bmf"><span class="tag-text svelte-13v7bmf">${escape_html(job.tags)}</span></td><td class="svelte-13v7bmf"><span${attr("class", `workers-badge svelte-13v7bmf ${stringify([job.workers > 1 ? "multi" : ""].filter(Boolean).join(" "))}`)}>×${escape_html(job.workers)}</span></td><td class="svelte-13v7bmf"><span class="browser-badge svelte-13v7bmf">${escape_html(job.browser ?? BROWSERS[0].id)}</span></td><td class="svelte-13v7bmf"><span${attr("class", `runner-badge svelte-13v7bmf ${stringify([ids.length > 1 ? "multi-node" : ""].filter(Boolean).join(" "))}`)}>`;
+        if (ids.length === 1 && ids[0] === BUILTIN_RUNNER_ID) {
           $$payload2.out += "<!--[-->";
-          $$payload2.out += `built-in`;
+          $$payload2.out += `${escape_html(BUILTIN_RUNNER_LABEL)}`;
         } else {
           $$payload2.out += "<!--[!-->";
           if (ids.length === 1) {
@@ -176,7 +216,7 @@ function _page($$payload, $$props) {
             $$payload2.out += `${escape_html(availableRunners.find((r) => r.id === ids[0])?.name ?? ids[0])}`;
           } else {
             $$payload2.out += "<!--[!-->";
-            $$payload2.out += `${escape_html(ids.length)} nodes`;
+            $$payload2.out += `${escape_html(multiNodeLabel(ids.length))}`;
           }
           $$payload2.out += `<!--]-->`;
         }
@@ -185,7 +225,7 @@ function _page($$payload, $$props) {
           variant: "ghost",
           size: "sm",
           children: ($$payload3) => {
-            $$payload3.out += `<!---->Edit`;
+            $$payload3.out += `<!---->${escape_html(EDIT_LABEL)}`;
           },
           $$slots: { default: true }
         });
@@ -194,7 +234,7 @@ function _page($$payload, $$props) {
           variant: "danger",
           size: "sm",
           children: ($$payload3) => {
-            $$payload3.out += `<!---->Delete`;
+            $$payload3.out += `<!---->${escape_html(DELETE_LABEL)}`;
           },
           $$slots: { default: true }
         });