plum-e2e 2.5.14 → 2.6.0

package/frontend/.svelte-kit/adapter-node/entries/pages/scheduled-tests/_page.svelte.js

@@ -15,40 +15,50 @@
  * along with Plum. If not, see https://www.gnu.org/licenses/.
  */
 
-import { _ as fallback, Z as slot, $ as bind_props, a2 as copy_payload, a3 as assign_payload, p as pop, a as push, V as ensure_array_like, W as stringify } from "../../../chunks/index.js";
+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 "../../../chunks/auth.js";
+import { b as backgroundRuns } from "../../../chunks/runner.js";
+import { s as stagger } from "../../../chunks/format.js";
 import { B as Button } from "../../../chunks/Button.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 { E as EmptyState } from "../../../chunks/EmptyState.js";
 import { a as attr } from "../../../chunks/attributes.js";
 import { e as escape_html } from "../../../chunks/escaping.js";
-function Modal($$payload, $$props) {
-  let open = fallback($$props["open"], false);
-  let title = fallback($$props["title"], "");
-  if (open) {
-    $$payload.out += "<!--[-->";
-    $$payload.out += `<div class="backdrop svelte-aus6t7" role="presentation"><div class="panel svelte-aus6t7" role="dialog" aria-modal="true"${attr("aria-label", title)}><div class="header svelte-aus6t7"><h3 class="title svelte-aus6t7">${escape_html(title)}</h3> <button class="close-btn svelte-aus6t7" aria-label="Close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></button></div> <div class="body svelte-aus6t7"><!---->`;
-    slot($$payload, $$props, "default", {});
-    $$payload.out += `<!----></div></div></div>`;
-  } else {
-    $$payload.out += "<!--[!-->";
-  }
-  $$payload.out += `<!--]-->`;
-  bind_props($$props, { open, title });
-}
 function _page($$payload, $$props) {
   push();
+  var $$store_subs;
+  const CUSTOM_SENTINEL = "__custom__";
+  const scheduleOptions = [
+    { label: "Every minute", value: "* * * * *" },
+    { label: "Every hour", value: "0 * * * *" },
+    { label: "Every midnight", value: "0 0 * * *" },
+    { label: "Every Sunday", value: "0 0 * * 0" }
+  ];
   let cronJobs = [];
-  let scheduleOptions = [];
+  let availableRunners = [];
+  let toast = null;
   let modalOpen = false;
   let deleteModalOpen = false;
-  let isEditing = false;
   let taskToDelete = "";
-  let form = { taskName: "", tags: "" };
+  let form = {
+    taskName: "",
+    tags: "",
+    workers: 1,
+    browser: "chromium",
+    runnerIds: ["built-in"]
+  };
   function cronLabel(expression) {
     return scheduleOptions.find((s) => s.value === expression)?.label ?? expression;
   }
   let $$settled = true;
   let $$inner_payload;
   function $$render_inner($$payload2) {
+    head($$payload2, ($$payload3) => {
+      $$payload3.title = `<title>Scheduled Tests — Plum</title>`;
+    });
     Modal($$payload2, {
       title: "New Cron Job",
       get open() {
@@ -60,12 +70,32 @@ function _page($$payload, $$props) {
       },
       children: ($$payload3) => {
         const each_array = ensure_array_like(scheduleOptions);
-        $$payload3.out += `<form class="modal-form svelte-1ugkbyh"><div class="field"><div class="field-label"><span>Task Name</span> <span class="field-hint">${escape_html("Use a unique, meaningful name")}</span></div> <input type="text" class="field-input"${attr("value", form.taskName)} placeholder="nightly-login-suite"${attr("disabled", isEditing, true)} required></div> <div class="field"><div class="field-label"><span>Schedule</span></div> <select class="field-input" required><option value="" disabled selected>Select a schedule</option><!--[-->`;
+        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><!--[-->`;
         for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
           let opt = each_array[$$index];
-          $$payload3.out += `<option${attr("value", opt.value)}>${escape_html(opt.label)}</option>`;
+          $$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 += "<!--[!-->";
+        }
+        $$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"><!--[-->`;
+        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> <!--[-->`;
+        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>`;
         }
-        $$payload3.out += `<!--]--></select></div> <div class="field"><div class="field-label"><span>Tags</span> <span class="field-hint">Multiple: @test-1 or @test-2</span></div> <input type="text" class="field-input"${attr("value", form.tags)} placeholder="@suite-login" required></div> `;
+        $$payload3.out += `<!--]--></div></div> `;
+        {
+          $$payload3.out += "<!--[!-->";
+        }
+        $$payload3.out += `<!--]--> `;
         {
           $$payload3.out += "<!--[!-->";
         }
@@ -83,7 +113,7 @@ function _page($$payload, $$props) {
       $$slots: { default: true }
     });
     $$payload2.out += `<!----> `;
-    Modal($$payload2, {
+    ConfirmModal($$payload2, {
       title: "Delete Cron Job",
       get open() {
         return deleteModalOpen;
@@ -93,48 +123,41 @@ function _page($$payload, $$props) {
         $$settled = false;
       },
       children: ($$payload3) => {
-        $$payload3.out += `<p class="confirm-text svelte-1ugkbyh">Are you sure you want to delete <strong class="svelte-1ugkbyh">${escape_html(taskToDelete)}</strong>? This cannot be undone.</p> <div class="confirm-actions svelte-1ugkbyh">`;
-        Button($$payload3, {
-          variant: "danger",
-          children: ($$payload4) => {
-            $$payload4.out += `<!---->Delete`;
-          },
-          $$slots: { default: true }
-        });
-        $$payload3.out += `<!----> `;
-        Button($$payload3, {
-          variant: "ghost",
-          children: ($$payload4) => {
-            $$payload4.out += `<!---->Cancel`;
-          },
-          $$slots: { default: true }
-        });
-        $$payload3.out += `<!----></div>`;
+        $$payload3.out += `<!---->Are you sure you want to delete <strong class="svelte-13v7bmf">${escape_html(taskToDelete)}</strong>? This cannot be undone.`;
       },
       $$slots: { default: true }
     });
-    $$payload2.out += `<!----> <div class="page-header svelte-1ugkbyh"><div class="header-row svelte-1ugkbyh"><div><h1 class="svelte-1ugkbyh">Scheduled Tests</h1> <p class="subtitle svelte-1ugkbyh">Manage recurring test runs via cron jobs</p></div> `;
+    $$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> `;
     Button($$payload2, {
       children: ($$payload3) => {
         $$payload3.out += `<!---->+ New Job`;
       },
       $$slots: { default: true }
     });
-    $$payload2.out += `<!----></div></div> `;
-    {
-      $$payload2.out += "<!--[!-->";
-    }
-    $$payload2.out += `<!--]--> <div class="card" style="padding: 0; overflow: hidden;">`;
+    $$payload2.out += `<!----></div></div> <div class="card svelte-13v7bmf" style="padding: 0; overflow: hidden;">`;
     if (cronJobs.length === 0) {
       $$payload2.out += "<!--[-->";
-      $$payload2.out += `<p class="empty svelte-1ugkbyh">No scheduled tests yet. Create one to get started.</p>`;
+      EmptyState($$payload2, {
+        message: "No scheduled tests yet. Create one to get started.",
+        size: "sm"
+      });
     } else {
       $$payload2.out += "<!--[!-->";
-      const each_array_1 = ensure_array_like(cronJobs);
-      $$payload2.out += `<div class="table-wrap svelte-1ugkbyh"><table class="data-table"><thead><tr><th>Name</th><th>Schedule</th><th>Tags</th><th>Actions</th></tr></thead><tbody><!--[-->`;
-      for (let i = 0, $$length = each_array_1.length; i < $$length; i++) {
-        let job = each_array_1[i];
-        $$payload2.out += `<tr${attr("style", `animation-delay: ${stringify(i * 45)}ms`)} class="job-row svelte-1ugkbyh"><td class="job-name svelte-1ugkbyh">${escape_html(job.taskName)}</td><td>`;
+      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"><!--[-->`;
+      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">`;
+        if (store_get($$store_subs ??= {}, "$backgroundRuns", backgroundRuns)[job.taskName]?.running) {
+          $$payload2.out += "<!--[-->";
+          $$payload2.out += `<span class="running-dot svelte-13v7bmf" title="Running now"></span>`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+        }
+        $$payload2.out += `<!--]--> ${escape_html(job.taskName)}</td><td class="svelte-13v7bmf">`;
         Badge($$payload2, {
           variant: "schedule",
           children: ($$payload3) => {
@@ -142,7 +165,22 @@ function _page($$payload, $$props) {
           },
           $$slots: { default: true }
         });
-        $$payload2.out += `<!----></td><td><span class="tag-text svelte-1ugkbyh">${escape_html(job.tags)}</span></td><td class="actions-cell svelte-1ugkbyh">`;
+        $$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 += "<!--[-->";
+          $$payload2.out += `built-in`;
+        } else {
+          $$payload2.out += "<!--[!-->";
+          if (ids.length === 1) {
+            $$payload2.out += "<!--[-->";
+            $$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 += `<!--]-->`;
+        }
+        $$payload2.out += `<!--]--></span></td><td class="actions-cell svelte-13v7bmf">`;
         Button($$payload2, {
           variant: "ghost",
           size: "sm",
@@ -172,6 +210,7 @@ function _page($$payload, $$props) {
     $$render_inner($$inner_payload);
   } while (!$$settled);
   assign_payload($$payload, $$inner_payload);
+  if ($$store_subs) unsubscribe_stores($$store_subs);
   pop();
 }
 export {