@praxisjs/decorators 1.6.1 → 2.0.0

package/src/__tests__/lazy.test.ts

@@ -1,296 +0,0 @@
-// @vitest-environment jsdom
-import { beforeEach, afterEach, describe, it, expect, vi } from "vitest";
-
-import { StatefulComponent } from "@praxisjs/core";
-import { setComponentAnchor } from "@praxisjs/core/internal";
-import { Lazy } from "../component/lazy";
-import type { LazyOptions } from "../component/lazy";
-
-type AnyConstructor = new (...args: unknown[]) => StatefulComponent;
-
-function applyLazy<T extends AnyConstructor>(cls: T, placeholderOrOptions?: number | LazyOptions): T {
-  if (placeholderOrOptions === undefined) return Lazy()(cls, {} as ClassDecoratorContext);
-  return Lazy(placeholderOrOptions)(cls, {} as ClassDecoratorContext);
-}
-
-/** render() now returns a reactive thunk — resolve it to get the actual DOM output. */
-function resolveRender(instance: StatefulComponent): Node | Node[] | null {
-  const result = instance.render();
-  if (typeof result === "function") return (result as () => Node | Node[] | null)();
-  return result;
-}
-
-class BaseComp extends StatefulComponent {
-  render() {
-    return document.createTextNode("content");
-  }
-}
-
-describe("Lazy decorator", () => {
-  let intersectionCallback: IntersectionObserverCallback = () => {};
-  let mockObserve: ReturnType<typeof vi.fn>;
-  let mockDisconnect: ReturnType<typeof vi.fn>;
-
-  beforeEach(() => {
-    intersectionCallback = () => {};
-    mockObserve = vi.fn();
-    mockDisconnect = vi.fn();
-
-    globalThis.IntersectionObserver = class {
-      constructor(cb: IntersectionObserverCallback) {
-        intersectionCallback = cb;
-      }
-      observe = mockObserve;
-      disconnect = mockDisconnect;
-    } as unknown as typeof IntersectionObserver;
-  });
-
-  afterEach(() => {
-    // @ts-expect-error – removing test stub
-    delete globalThis.IntersectionObserver;
-  });
-
-  it("returns null from render before visibility", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor);
-    const instance = new Wrapped();
-    expect(resolveRender(instance)).toBeNull();
-  });
-
-  it("sets lazy visibility to true when IntersectionObserver is not supported", () => {
-    // Remove IntersectionObserver to simulate unsupported environment
-    // @ts-expect-error – removing test stub
-    delete globalThis.IntersectionObserver;
-
-    const Wrapped = applyLazy(BaseComp as AnyConstructor);
-    const instance = new Wrapped();
-
-    // Simulate anchor with parent element
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    // Without IntersectionObserver, component should immediately become visible
-    expect(instance.render()).not.toBeNull();
-    document.body.removeChild(parent);
-  });
-
-  it("sets minHeight placeholder on mount", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, 300);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(parent.style.minHeight).toBe("300px");
-    document.body.removeChild(parent);
-  });
-
-  it("sets _lazyVisible and clears minHeight when intersecting", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, 200);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(resolveRender(instance)).toBeNull();
-
-    intersectionCallback(
-      [{ isIntersecting: true } as IntersectionObserverEntry],
-      null as unknown as IntersectionObserver,
-    );
-
-    expect(parent.style.minHeight).toBe("");
-    expect(resolveRender(instance)).not.toBeNull(); // component became visible after intersection
-    expect(mockDisconnect).toHaveBeenCalled();
-    document.body.removeChild(parent);
-  });
-
-  it("does nothing when the anchor has no parent", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor);
-    const instance = new Wrapped();
-
-    const anchor = document.createComment("end");
-    setComponentAnchor(instance, anchor);
-
-    // Should not throw even though anchor has no parent
-    expect(() => instance.onMount?.()).not.toThrow();
-  });
-
-  it("disconnects observer on unmount", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    instance.onUnmount?.();
-    expect(mockDisconnect).toHaveBeenCalled();
-    document.body.removeChild(parent);
-  });
-
-  it("onMount does nothing when anchor is undefined", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor);
-    const instance = new Wrapped();
-    expect(() => instance.onMount?.()).not.toThrow();
-  });
-
-  it("render() returns original content after becoming visible", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, 200);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(resolveRender(instance)).toBeNull(); // not yet visible
-
-    intersectionCallback(
-      [{ isIntersecting: true } as IntersectionObserverEntry],
-      null as unknown as IntersectionObserver,
-    );
-
-    // Now visible: render() must delegate to the original render()
-    const result = resolveRender(instance);
-    expect(result).not.toBeNull();
-    document.body.removeChild(parent);
-  });
-
-  it("observer stays active and minHeight is preserved when entry is not intersecting", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, 200);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-
-    // Fire callback with isIntersecting=false — should be a no-op
-    intersectionCallback(
-      [{ isIntersecting: false } as IntersectionObserverEntry],
-      null as unknown as IntersectionObserver,
-    );
-
-    expect(resolveRender(instance)).toBeNull();
-    expect(mockDisconnect).not.toHaveBeenCalled();
-    expect(parent.style.minHeight).toBe("200px");
-    document.body.removeChild(parent);
-  });
-
-  it("accepts a LazyOptions object instead of a number (line 74 false branch)", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, { placeholder: 150, rootMargin: "50px" });
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(parent.style.minHeight).toBe("150px");
-    document.body.removeChild(parent);
-  });
-
-  it("uses root.current as the IntersectionObserver root when provided (line 42 false branch)", () => {
-    const rootEl = document.createElement("div");
-    document.body.appendChild(rootEl);
-
-    let capturedInit: IntersectionObserverInit | undefined;
-    globalThis.IntersectionObserver = class {
-      constructor(cb: IntersectionObserverCallback, init?: IntersectionObserverInit) {
-        intersectionCallback = cb;
-        capturedInit = init;
-      }
-      observe = mockObserve;
-      disconnect = mockDisconnect;
-    } as unknown as typeof IntersectionObserver;
-
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, { root: { current: rootEl } });
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(capturedInit?.root).toBe(rootEl);
-
-    document.body.removeChild(parent);
-    document.body.removeChild(rootEl);
-  });
-
-  it("falls back to null root when root.current is null (line 42 ?? null branch)", () => {
-    let capturedInit: IntersectionObserverInit | undefined;
-    globalThis.IntersectionObserver = class {
-      constructor(cb: IntersectionObserverCallback, init?: IntersectionObserverInit) {
-        intersectionCallback = cb;
-        capturedInit = init;
-      }
-      observe = mockObserve;
-      disconnect = mockDisconnect;
-    } as unknown as typeof IntersectionObserver;
-
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, { root: { current: null } });
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    instance.onMount?.();
-    expect(capturedInit?.root).toBeNull();
-
-    document.body.removeChild(parent);
-  });
-
-  it("does not re-apply minHeight on remount when already visible", () => {
-    const Wrapped = applyLazy(BaseComp as AnyConstructor, 300);
-    const instance = new Wrapped();
-
-    const parent = document.createElement("div");
-    document.body.appendChild(parent);
-    const anchor = document.createComment("end");
-    parent.appendChild(anchor);
-    setComponentAnchor(instance, anchor);
-
-    // First mount — become visible
-    instance.onMount?.();
-    intersectionCallback(
-      [{ isIntersecting: true } as IntersectionObserverEntry],
-      null as unknown as IntersectionObserver,
-    );
-    instance.onUnmount?.();
-
-    // Second mount — lazy visibility is already true
-    instance.onMount?.();
-
-    // minHeight must NOT be re-applied because lazy visibility is true
-    expect(parent.style.minHeight).toBe("");
-    document.body.removeChild(parent);
-  });
-});

package/src/__tests__/memo.test.ts

@@ -1,208 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-
-import { signal } from "@praxisjs/core/internal";
-import { Memo } from "../functions/memo";
-
-function mockCtx(name: string) {
-  const initializers: Array<(this: object) => void> = [];
-  return {
-    name,
-    kind: "method" as const,
-    addInitializer(fn: (this: object) => void) {
-      initializers.push(fn);
-    },
-    runInitializers(instance: object) {
-      initializers.forEach((fn) => { fn.call(instance); });
-    },
-  } as unknown as ClassMethodDecoratorContext & { runInitializers(instance: object): void };
-}
-
-describe("Memo", () => {
-  it("returns the computed value", () => {
-    const fn = vi.fn((x: unknown) => (x as number) * 2);
-    const ctx = mockCtx("double");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).double;
-
-    expect(method(5)).toBe(10);
-  });
-
-  it("caches result for same args — calls original only once", () => {
-    const fn = vi.fn((x: unknown) => (x as number) + 1);
-    const ctx = mockCtx("inc");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).inc;
-
-    method(3);
-    method(3);
-    method(3);
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it("computes separately for different args", () => {
-    const fn = vi.fn((x: unknown) => (x as number) * 10);
-    const ctx = mockCtx("mul");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).mul;
-
-    expect(method(2)).toBe(20);
-    expect(method(3)).toBe(30);
-    expect(fn).toHaveBeenCalledTimes(2);
-  });
-
-  it("is per-instance — different instances have separate caches", () => {
-    const fn = vi.fn(() => Math.random());
-    const ctx = mockCtx("rand");
-    Memo()(fn, ctx);
-
-    const a = {};
-    const b = {};
-    ctx.runInitializers(a);
-    ctx.runInitializers(b);
-
-    const methodA = (a as Record<string, () => unknown>).rand;
-    const methodB = (b as Record<string, () => unknown>).rand;
-    const v1 = methodA();
-    const v2 = methodB();
-    expect(fn).toHaveBeenCalledTimes(2);
-    expect(v1).not.toBe(v2); // different random values per instance
-  });
-
-  it("serializes no-args calls with __no_args__ key", () => {
-    const fn = vi.fn(() => 42);
-    const ctx = mockCtx("noop");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, () => unknown>).noop;
-
-    method();
-    method();
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it("serializes object args via JSON.stringify", () => {
-    const fn = vi.fn((o: unknown) => JSON.stringify(o));
-    const ctx = mockCtx("obj");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).obj;
-
-    method({ a: 1 });
-    method({ a: 1 }); // same key
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it("re-evaluates when a reactive signal read inside the method changes", () => {
-    const s = signal(1);
-    const fn = vi.fn(() => s() * 10);
-    const ctx = mockCtx("reactive");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, () => unknown>).reactive;
-
-    expect(method()).toBe(10);
-    expect(fn).toHaveBeenCalledTimes(1);
-
-    s.set(5);
-    // The computed tracks s() — next read triggers recomputation
-    expect(method()).toBe(50);
-    expect(fn).toHaveBeenCalledTimes(2);
-  });
-
-  it("serializes symbol args via toString()", () => {
-    const fn = vi.fn((s: unknown) => String(s));
-    const ctx = mockCtx("sym");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).sym;
-
-    const sym = Symbol("test");
-    method(sym);
-    method(sym);
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it("circular object argument does not crash — falls back to stable identity key", () => {
-    const fn = vi.fn((o: unknown) => o);
-    const ctx = mockCtx("circular");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).circular;
-
-    // Create a circular reference
-    const circ: Record<string, unknown> = {};
-    circ.self = circ;
-
-    expect(() => method(circ)).not.toThrow();
-    // Calling again with the same object should hit cache (not call fn again)
-    method(circ);
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-
-  it("two circular objects produce different cache keys", () => {
-    const fn = vi.fn((o: unknown) => o);
-    const ctx = mockCtx("circular2");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).circular2;
-
-    const a: Record<string, unknown> = {};
-    a.self = a;
-    const b: Record<string, unknown> = {};
-    b.self = b;
-
-    method(a);
-    method(b);
-    expect(fn).toHaveBeenCalledTimes(2);
-  });
-
-  it("undefined vs null as arguments produce different cache keys", () => {
-    const fn = vi.fn((x: unknown) => x);
-    const ctx = mockCtx("nullUndef");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).nullUndef;
-
-    method(undefined);
-    method(null);
-    expect(fn).toHaveBeenCalledTimes(2);
-  });
-
-  it("BigInt argument does not crash JSON.stringify path", () => {
-    const fn = vi.fn((x: unknown) => x);
-    const ctx = mockCtx("bigint");
-    Memo()(fn, ctx);
-
-    const obj = {};
-    ctx.runInitializers(obj);
-    const method = (obj as Record<string, (...a: unknown[]) => unknown>).bigint;
-
-    // BigInt is a non-object, non-symbol primitive — goes through String() path
-    expect(() => method(BigInt(42))).not.toThrow();
-    method(BigInt(42));
-    expect(fn).toHaveBeenCalledTimes(1);
-  });
-});