n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/{TestDefinitionListView-BGJr2Okj.js → TestDefinitionListView-BBdTjle5.js}

@@ -1,5 +1,4 @@
-import { d as defineComponent, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, l as unref, n as normalizeClass, i as createVNode, g as useI18n, _ as _export_sfc, k as createTextVNode, e as createBlock, f as createCommentVNode, F as Fragment, A as renderList, w as withCtx, I as withModifiers, aY as resolveDynamicComponent, cO as _sfc_main$4, aX as mergeProps, b as useRouter, hQ as useAnnotationTagsStore, r as ref, a as useToast, q as computed, o as onMounted, V as VIEWS } from "./index-fCEqBD8K.js";
-import { u as useTestDefinitionStore } from "./testDefinition.store.ee-C9BPbACc.js";
+import { d as defineComponent, m as resolveComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, l as unref, n as normalizeClass, i as createVNode, g as useI18n, _ as _export_sfc, w as withCtx, k as createTextVNode, F as Fragment, fy as _sfc_main$4, f as createCommentVNode, A as renderList, e as createBlock, a$ as resolveDynamicComponent, aP as _sfc_main$5, I as withModifiers, a_ as mergeProps, b as useRouter, hA as useAnnotationTagsStore, hI as useTestDefinitionStore, r as ref, a as useToast, q as computed, o as onMounted, V as VIEWS } from "./index-DWT5SiDA.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "EmptyState",
   emits: ["create-test"],
@@ -24,8 +23,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_18phz_1";
-const header = "_header_18phz_7";
+const container$1 = "_container_84f9f_123";
+const header = "_header_84f9f_129";
 const style0$3 = {
   container: container$1,
   header
@@ -34,7 +33,8 @@ const cssModules$3 = {
   "$style": style0$3
 };
 const EmptyState = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
-const _hoisted_1 = { key: 1 };
+const _hoisted_1 = ["data-test-id"];
+const _hoisted_2 = { key: 1 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "TestItem",
   props: {
@@ -48,31 +48,36 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const actions2 = [
       {
         icon: "play",
+        id: "run",
         event: () => emit("run-test", props.test.id),
         tooltip: locale.baseText("testDefinition.runTest")
       },
       {
         icon: "list",
+        id: "view",
         event: () => emit("view-details", props.test.id),
         tooltip: locale.baseText("testDefinition.viewDetails")
       },
       {
         icon: "pen",
+        id: "edit",
         event: () => emit("edit-test", props.test.id),
         tooltip: locale.baseText("testDefinition.editTest")
       },
       {
         icon: "trash",
+        id: "delete",
         event: () => emit("delete-test", props.test.id),
         tooltip: locale.baseText("testDefinition.deleteTest")
       }
     ];
     return (_ctx, _cache) => {
-      const _component_n8n_tag = resolveComponent("n8n-tag");
-      const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_spinner = resolveComponent("n8n-spinner");
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.testItem),
+        "data-test-id": `test-item-${_ctx.test.id}`,
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-details", _ctx.test.id))
       }, [
         createBaseVNode("div", {
@@ -80,24 +85,25 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         }, [
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.testName)
-          }, [
-            createTextVNode(toDisplayString(_ctx.test.name) + " ", 1),
-            _ctx.test.tagName ? (openBlock(), createBlock(_component_n8n_tag, {
-              key: 0,
-              text: _ctx.test.tagName
-            }, null, 8, ["text"])) : createCommentVNode("", true)
-          ], 2),
+          }, toDisplayString(_ctx.test.name), 3),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.testCases)
           }, [
-            createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.list.testCases", { adjustToNumber: _ctx.test.testCases })) + " ", 1),
-            !_ctx.test.execution.lastRun ? (openBlock(), createBlock(_component_n8n_loading, {
-              key: 0,
-              loading: true,
-              rows: 1
-            })) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(locale).baseText("testDefinition.list.lastRun", {
-              interpolate: { lastRun: _ctx.test.execution.lastRun }
-            })), 1))
+            createVNode(_component_n8n_text, { size: "small" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.list.testRuns", { adjustToNumber: _ctx.test.testCases })), 1)
+              ]),
+              _: 1
+            }),
+            _ctx.test.execution.status === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.list.running")) + " ", 1),
+              createVNode(_component_n8n_spinner)
+            ], 64)) : _ctx.test.execution.lastRun ? (openBlock(), createElementBlock("span", _hoisted_2, [
+              createTextVNode(toDisplayString(unref(locale).baseText("testDefinition.list.lastRun")) + " ", 1),
+              createVNode(_sfc_main$4, {
+                date: _ctx.test.execution.lastRun
+              }, null, 8, ["date"])
+            ])) : createCommentVNode("", true)
           ], 2)
         ], 2),
         createBaseVNode("div", {
@@ -112,7 +118,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("div", {
               key,
               class: normalizeClass(_ctx.$style.metric)
-            }, toDisplayString(key) + ": " + toDisplayString(value ?? "-"), 3);
+            }, toDisplayString(key) + ": " + toDisplayString(value.toFixed(2) ?? "-"), 3);
           }), 128))
         ], 2),
         createBaseVNode("div", {
@@ -128,28 +134,29 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(action.tooltip), 1)
               ]),
               default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(_sfc_main$4)), {
+                (openBlock(), createBlock(resolveDynamicComponent(unref(_sfc_main$5)), {
                   icon: action.icon,
+                  "data-test-id": `${action.id}-test-button-${_ctx.test.id}`,
                   type: "tertiary",
                   size: "mini",
                   onClick: withModifiers(action.event, ["stop"])
-                }, null, 8, ["icon", "onClick"]))
+                }, null, 8, ["icon", "data-test-id", "onClick"]))
               ]),
               _: 2
             }, 1024);
           }), 64))
         ], 2)
-      ], 2);
+      ], 10, _hoisted_1);
     };
   }
 });
-const testItem = "_testItem_1lysx_1";
-const testInfo = "_testInfo_1lysx_14";
-const testName = "_testName_1lysx_20";
-const testCases = "_testCases_1lysx_29";
-const metrics = "_metrics_1lysx_37";
-const metric = "_metric_1lysx_37";
-const actions = "_actions_1lysx_49";
+const testItem = "_testItem_ahqp7_123";
+const testInfo = "_testInfo_ahqp7_136";
+const testName = "_testName_ahqp7_142";
+const testCases = "_testCases_ahqp7_150";
+const metrics = "_metrics_ahqp7_158";
+const metric = "_metric_ahqp7_158";
+const actions = "_actions_ahqp7_170";
 const style0$2 = {
   testItem,
   testInfo,
@@ -174,7 +181,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_n8n_button = resolveComponent("n8n-button");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.testsList)
+        class: normalizeClass(_ctx.$style.testsList),
+        "data-test-id": "test-definition-list"
       }, [
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.testsHeader)
@@ -195,8 +203,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const testsList = "_testsList_1aleg_1";
-const testsHeader = "_testsHeader_1aleg_7";
+const testsList = "_testsList_128kj_123";
+const testsHeader = "_testsHeader_128kj_129";
 const style0$1 = {
   testsList,
   testsHeader
@@ -215,12 +223,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toast = useToast();
     const locale = useI18n();
     const tests = computed(() => {
-      return testDefinitionStore.allTestDefinitions.filter((test) => test.id !== void 0).sort((a, b) => new Date(b?.updatedAt ?? "").getTime() - new Date(a?.updatedAt ?? "").getTime()).map((test) => ({
+      return (testDefinitionStore.allTestDefinitionsByWorkflowId[router.currentRoute.value.params.name] ?? []).filter((test) => test.id !== void 0).sort((a, b) => new Date(b?.updatedAt ?? "").getTime() - new Date(a?.updatedAt ?? "").getTime()).map((test) => ({
         id: test.id,
         name: test.name ?? "",
         tagName: test.annotationTagId ? getTagName(test.annotationTagId) : "",
-        testCases: 0,
-        // TODO: This should come from the API
+        testCases: testDefinitionStore.testRunsByTestId[test.id]?.length ?? 0,
         execution: getTestExecution(test.id)
       }));
     });
@@ -230,32 +237,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const matchingTag = allTags.value.find((t) => t.id === tagId);
       return matchingTag?.name ?? "";
     }
-    function getTestExecution(_testId) {
+    function getTestExecution(testId) {
+      const lastRun = testDefinitionStore.lastRunByTestId[testId];
+      if (!lastRun) {
+        return {
+          lastRun: null,
+          errorRate: 0,
+          metrics: {},
+          status: "new"
+        };
+      }
       const mockExecutions = {
-        lastRun: "an hour ago",
+        lastRun: lastRun.updatedAt ?? "",
         errorRate: 0,
-        metrics: { metric1: 0.12, metric2: 0.99, metric3: 0.87 }
-      };
-      return mockExecutions || {
-        lastRun: null,
-        errorRate: null,
-        metrics: { metric1: null, metric2: null, metric3: null }
+        metrics: lastRun.metrics ?? {},
+        status: lastRun.status ?? "running"
       };
+      return mockExecutions;
     }
     function onCreateTest() {
       void router.push({ name: VIEWS.NEW_TEST_DEFINITION });
     }
-    function onRunTest(_testId) {
-      toast.showMessage({
-        title: locale.baseText("testDefinition.notImplemented"),
-        type: "warning"
-      });
+    async function onRunTest(testId) {
+      try {
+        const result = await testDefinitionStore.startTestRun(testId);
+        if (result.success) {
+          toast.showMessage({
+            title: locale.baseText("testDefinition.list.testStarted"),
+            type: "success"
+          });
+          await testDefinitionStore.fetchTestRuns(testId);
+        } else {
+          throw new Error("Test run failed to start");
+        }
+      } catch (error) {
+        toast.showError(error, locale.baseText("testDefinition.list.testStartError"));
+      }
     }
-    function onViewDetails(_testId) {
-      toast.showMessage({
-        title: locale.baseText("testDefinition.notImplemented"),
-        type: "warning"
-      });
+    async function onViewDetails(testId) {
+      void router.push({ name: VIEWS.TEST_DEFINITION_RUNS, params: { testId } });
     }
     function onEditTest(testId) {
       void router.push({ name: VIEWS.TEST_DEFINITION_EDIT, params: { testId } });
@@ -268,12 +288,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     async function loadInitialData() {
-      isLoading.value = true;
-      try {
-        await tagsStore.fetchAll();
-        await testDefinitionStore.fetchAll();
-      } finally {
-        isLoading.value = false;
+      if (!isLoading.value) {
+        isLoading.value = true;
+        try {
+          await Promise.all([
+            tagsStore.fetchAll(),
+            testDefinitionStore.fetchAll({
+              workflowId: router.currentRoute.value.params.name
+            })
+          ]);
+          isLoading.value = false;
+        } catch (error) {
+          toast.showError(error, locale.baseText("testDefinition.list.loadError"));
+        } finally {
+          isLoading.value = false;
+        }
       }
     }
     onMounted(() => {
@@ -286,6 +315,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: VIEWS.WORKFLOW,
           params: { name: router.currentRoute.value.params.name }
         });
+        return;
       }
       void loadInitialData();
     });
@@ -305,6 +335,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           !hasTests.value ? (openBlock(), createBlock(EmptyState, {
             key: 0,
+            "data-test-id": "test-definition-empty-state",
             onCreateTest
           })) : (openBlock(), createBlock(TestsList, {
             key: 1,
@@ -320,8 +351,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_an92i_1";
-const loading = "_loading_an92i_8";
+const container = "_container_1c8ch_123";
+const loading = "_loading_1c8ch_130";
 const style0 = {
   container,
   loading