@bonsae/nrg 0.16.0 → 0.18.0

package/test/client/component/index.js

@@ -0,0 +1,244 @@
+// src/test/client/component/index.ts
+import { vi } from "vitest";
+
+// src/test/client/mocks.ts
+function createRED() {
+  return {
+    _: (key) => key,
+    editor: {
+      createEditor(options) {
+        let currentValue = options.value || "";
+        const session = {
+          on(_event, _cb) {
+          }
+        };
+        return {
+          getValue: () => currentValue,
+          setValue: (val) => {
+            currentValue = val;
+          },
+          getSession: () => session,
+          focus: () => {
+          },
+          destroy: () => {
+          },
+          saveView: () => {
+          },
+          restoreView: () => {
+          }
+        };
+      },
+      prepareConfigNodeSelect: () => {
+      },
+      validateNode: () => true
+    },
+    tray: {
+      show: () => {
+      },
+      close: () => {
+      }
+    },
+    popover: {
+      tooltip: () => ({ delete: () => {
+      }, setAction: () => {
+      } })
+    },
+    nodes: {
+      registerType: () => {
+      },
+      node: () => null,
+      dirty: () => false
+    },
+    events: {
+      on: () => {
+      },
+      off: () => {
+      },
+      emit: () => {
+      }
+    },
+    settings: {},
+    notify: () => {
+    }
+  };
+}
+function ensureState(el) {
+  if (el && !el.__jqState) {
+    el.__jqState = {
+      typedInput: { value: "", type: "" },
+      listeners: {}
+    };
+  }
+  return el ? el.__jqState : { typedInput: { value: "", type: "" }, listeners: {} };
+}
+function createJQ(el) {
+  const state = ensureState(el);
+  const jq = {
+    0: el,
+    length: el ? 1 : 0,
+    typedInput(action, value) {
+      if (typeof action === "object") {
+        state.typedInput = { value: "", type: action.default || "" };
+        return jq;
+      }
+      if (action === "value") {
+        if (value !== void 0) {
+          state.typedInput.value = String(value);
+          if (el) el.setAttribute("value", String(value));
+          return void 0;
+        }
+        return state.typedInput.value;
+      }
+      if (action === "type") {
+        if (value !== void 0) {
+          state.typedInput.type = String(value);
+          return void 0;
+        }
+        return state.typedInput.type;
+      }
+      return jq;
+    },
+    on(event, cb) {
+      if (!state.listeners[event]) state.listeners[event] = [];
+      state.listeners[event].push(cb);
+      return jq;
+    },
+    off(event) {
+      if (event) {
+        delete state.listeners[event];
+      } else {
+        for (const key of Object.keys(state.listeners)) {
+          delete state.listeners[key];
+        }
+      }
+      return jq;
+    },
+    val(value) {
+      if (value !== void 0) {
+        if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
+          el.value = String(value);
+        }
+        return jq;
+      }
+      if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
+        return el.value;
+      }
+      return "";
+    },
+    find(selector) {
+      return createJQ(el?.querySelector(selector) ?? null);
+    },
+    append(child) {
+      const childEl = child?.[0] || child;
+      if (el && childEl instanceof Element) el.appendChild(childEl);
+      return jq;
+    },
+    appendTo(target) {
+      const t = target?.[0] || target;
+      if (t instanceof Element && el) t.appendChild(el);
+      return jq;
+    },
+    html(content) {
+      if (el) el.innerHTML = content;
+      return jq;
+    },
+    empty() {
+      if (el) el.innerHTML = "";
+      return jq;
+    },
+    i18n() {
+      return jq;
+    },
+    addClass(cls) {
+      el?.classList.add(cls);
+      return jq;
+    },
+    removeClass(cls) {
+      el?.classList.remove(cls);
+      return jq;
+    },
+    __trigger(event) {
+      (state.listeners[event] || []).forEach((cb) => cb());
+    }
+  };
+  return jq;
+}
+function createJQuery() {
+  return function $(selector, attrs) {
+    if (typeof selector === "string") {
+      if (selector.trim().startsWith("<")) {
+        const tpl = document.createElement("template");
+        tpl.innerHTML = selector.trim();
+        const el = tpl.content.firstElementChild;
+        if (el && attrs) {
+          for (const [key, value] of Object.entries(attrs)) {
+            if (key === "html") {
+              el.innerHTML = String(value);
+            } else {
+              el.setAttribute(key, String(value));
+            }
+          }
+        }
+        return createJQ(el);
+      }
+      return createJQ(document.querySelector(selector));
+    }
+    if (selector instanceof Element) return createJQ(selector);
+    if (selector && typeof selector === "object" && selector.nodeType)
+      return createJQ(selector);
+    return createJQ(null);
+  };
+}
+
+// src/test/client/component/index.ts
+var defaultConfig = {
+  testTimeout: 3e4,
+  setupFiles: ["@bonsae/nrg/test/client/component/setup"],
+  browser: {
+    enabled: true,
+    instances: [{ browser: "chromium" }]
+  }
+};
+function createNode(overrides = {}) {
+  const node = {
+    id: `test-${Math.random().toString(36).slice(2, 10)}`,
+    type: "test-node",
+    changed: false,
+    _def: { outputs: 1 },
+    _: (key) => key,
+    ...overrides
+  };
+  const RED = getMockRED();
+  spyOnRED(RED);
+  return { node, RED };
+}
+function spyIfNeeded(obj, method) {
+  if (!vi.isMockFunction(obj[method])) {
+    vi.spyOn(obj, method);
+  }
+}
+function spyOnRED(RED) {
+  spyIfNeeded(RED, "_");
+  spyIfNeeded(RED, "notify");
+  spyIfNeeded(RED.editor, "createEditor");
+  spyIfNeeded(RED.editor, "prepareConfigNodeSelect");
+  spyIfNeeded(RED.editor, "validateNode");
+  spyIfNeeded(RED.tray, "show");
+  spyIfNeeded(RED.tray, "close");
+  spyIfNeeded(RED.popover, "tooltip");
+  spyIfNeeded(RED.nodes, "registerType");
+  spyIfNeeded(RED.nodes, "node");
+  spyIfNeeded(RED.nodes, "dirty");
+  spyIfNeeded(RED.events, "on");
+  spyIfNeeded(RED.events, "off");
+  spyIfNeeded(RED.events, "emit");
+}
+function getMockRED() {
+  return window.RED;
+}
+export {
+  createJQuery,
+  createNode,
+  createRED,
+  defaultConfig
+};

package/test/client/component/setup.js

@@ -0,0 +1,201 @@
+// src/test/client/component/setup.ts
+import { beforeEach } from "vitest";
+import { config } from "vitest-browser-vue";
+
+// src/test/client/mocks.ts
+function createRED() {
+  return {
+    _: (key) => key,
+    editor: {
+      createEditor(options) {
+        let currentValue = options.value || "";
+        const session = {
+          on(_event, _cb) {
+          }
+        };
+        return {
+          getValue: () => currentValue,
+          setValue: (val) => {
+            currentValue = val;
+          },
+          getSession: () => session,
+          focus: () => {
+          },
+          destroy: () => {
+          },
+          saveView: () => {
+          },
+          restoreView: () => {
+          }
+        };
+      },
+      prepareConfigNodeSelect: () => {
+      },
+      validateNode: () => true
+    },
+    tray: {
+      show: () => {
+      },
+      close: () => {
+      }
+    },
+    popover: {
+      tooltip: () => ({ delete: () => {
+      }, setAction: () => {
+      } })
+    },
+    nodes: {
+      registerType: () => {
+      },
+      node: () => null,
+      dirty: () => false
+    },
+    events: {
+      on: () => {
+      },
+      off: () => {
+      },
+      emit: () => {
+      }
+    },
+    settings: {},
+    notify: () => {
+    }
+  };
+}
+function ensureState(el) {
+  if (el && !el.__jqState) {
+    el.__jqState = {
+      typedInput: { value: "", type: "" },
+      listeners: {}
+    };
+  }
+  return el ? el.__jqState : { typedInput: { value: "", type: "" }, listeners: {} };
+}
+function createJQ(el) {
+  const state = ensureState(el);
+  const jq = {
+    0: el,
+    length: el ? 1 : 0,
+    typedInput(action, value) {
+      if (typeof action === "object") {
+        state.typedInput = { value: "", type: action.default || "" };
+        return jq;
+      }
+      if (action === "value") {
+        if (value !== void 0) {
+          state.typedInput.value = String(value);
+          if (el) el.setAttribute("value", String(value));
+          return void 0;
+        }
+        return state.typedInput.value;
+      }
+      if (action === "type") {
+        if (value !== void 0) {
+          state.typedInput.type = String(value);
+          return void 0;
+        }
+        return state.typedInput.type;
+      }
+      return jq;
+    },
+    on(event, cb) {
+      if (!state.listeners[event]) state.listeners[event] = [];
+      state.listeners[event].push(cb);
+      return jq;
+    },
+    off(event) {
+      if (event) {
+        delete state.listeners[event];
+      } else {
+        for (const key of Object.keys(state.listeners)) {
+          delete state.listeners[key];
+        }
+      }
+      return jq;
+    },
+    val(value) {
+      if (value !== void 0) {
+        if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
+          el.value = String(value);
+        }
+        return jq;
+      }
+      if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement || el instanceof HTMLTextAreaElement) {
+        return el.value;
+      }
+      return "";
+    },
+    find(selector) {
+      return createJQ(el?.querySelector(selector) ?? null);
+    },
+    append(child) {
+      const childEl = child?.[0] || child;
+      if (el && childEl instanceof Element) el.appendChild(childEl);
+      return jq;
+    },
+    appendTo(target) {
+      const t = target?.[0] || target;
+      if (t instanceof Element && el) t.appendChild(el);
+      return jq;
+    },
+    html(content) {
+      if (el) el.innerHTML = content;
+      return jq;
+    },
+    empty() {
+      if (el) el.innerHTML = "";
+      return jq;
+    },
+    i18n() {
+      return jq;
+    },
+    addClass(cls) {
+      el?.classList.add(cls);
+      return jq;
+    },
+    removeClass(cls) {
+      el?.classList.remove(cls);
+      return jq;
+    },
+    __trigger(event) {
+      (state.listeners[event] || []).forEach((cb) => cb());
+    }
+  };
+  return jq;
+}
+function createJQuery() {
+  return function $(selector, attrs) {
+    if (typeof selector === "string") {
+      if (selector.trim().startsWith("<")) {
+        const tpl = document.createElement("template");
+        tpl.innerHTML = selector.trim();
+        const el = tpl.content.firstElementChild;
+        if (el && attrs) {
+          for (const [key, value] of Object.entries(attrs)) {
+            if (key === "html") {
+              el.innerHTML = String(value);
+            } else {
+              el.setAttribute(key, String(value));
+            }
+          }
+        }
+        return createJQ(el);
+      }
+      return createJQ(document.querySelector(selector));
+    }
+    if (selector instanceof Element) return createJQ(selector);
+    if (selector && typeof selector === "object" && selector.nodeType)
+      return createJQ(selector);
+    return createJQ(null);
+  };
+}
+
+// src/test/client/component/setup.ts
+config.global.mocks.$i18n = (key) => key;
+var RED = createRED();
+window.$ = createJQuery();
+window.RED = RED;
+beforeEach(() => {
+  RED.settings = {};
+});