parent
b4bcbecaaf
commit
e979f0233a
@ -1,148 +1,148 @@ |
|||||||
import { describe, it, expect } from "vitest"; |
import { describe, it, expect } from "vitest"; |
||||||
import { deepSignal, getDeepSignalRootId, peek } from "../deepSignal"; |
import { deepSignal, getDeepSignalRootId, peek } from "../deepSignal"; |
||||||
import { |
import { |
||||||
watch, |
watch, |
||||||
__traverseCount, |
__traverseCount, |
||||||
__resetTraverseCount, |
__resetTraverseCount, |
||||||
traverse, |
traverse, |
||||||
} from "../watch"; |
} from "../watch"; |
||||||
import { effect } from "../core"; |
import { effect } from "../core"; |
||||||
|
|
||||||
describe("watch advanced", () => { |
describe("watch advanced", () => { |
||||||
it("basic patch watcher fires on deep mutations", async () => { |
it("basic patch watcher fires on deep mutations", async () => { |
||||||
const st = deepSignal({ a: { b: { c: 1 } } }); |
const st = deepSignal({ a: { b: { c: 1 } } }); |
||||||
let batches: number = 0; |
let batches: number = 0; |
||||||
watch(st, ({ patches }) => { |
watch(st, ({ patches }) => { |
||||||
if (patches.length) batches++; |
if (patches.length) batches++; |
||||||
|
}); |
||||||
|
st.a.b.c = 2; |
||||||
|
st.a.b = { c: 3 } as any; |
||||||
|
await Promise.resolve(); |
||||||
|
expect(batches).toBeGreaterThan(0); |
||||||
}); |
}); |
||||||
st.a.b.c = 2; |
|
||||||
st.a.b = { c: 3 } as any; |
|
||||||
await Promise.resolve(); |
|
||||||
expect(batches).toBeGreaterThan(0); |
|
||||||
}); |
|
||||||
|
|
||||||
// multi-source value mode removed; patch-only now - skip equivalent
|
// multi-source value mode removed; patch-only now - skip equivalent
|
||||||
|
|
||||||
// getter source value mode removed in patch-only watcher
|
// getter source value mode removed in patch-only watcher
|
||||||
|
|
||||||
it("watch once option still stops after first batch", async () => { |
it("watch once option still stops after first batch", async () => { |
||||||
const st = deepSignal({ a: 1 }); |
const st = deepSignal({ a: 1 }); |
||||||
let count = 0; |
let count = 0; |
||||||
watch( |
watch( |
||||||
st, |
st, |
||||||
() => { |
() => { |
||||||
count++; |
count++; |
||||||
}, |
}, |
||||||
{ once: true, immediate: true } |
{ once: true, immediate: true } |
||||||
); |
); |
||||||
st.a = 2; |
st.a = 2; |
||||||
st.a = 3; |
st.a = 3; |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
expect(count).toBe(1); |
expect(count).toBe(1); |
||||||
}); |
}); |
||||||
|
|
||||||
// observe value mode removed; observe is alias of watch
|
// observe value mode removed; observe is alias of watch
|
||||||
}); |
}); |
||||||
|
|
||||||
describe("patches & root ids", () => { |
describe("patches & root ids", () => { |
||||||
it("root ids are unique", () => { |
it("root ids are unique", () => { |
||||||
const a = deepSignal({}); |
const a = deepSignal({}); |
||||||
const b = deepSignal({}); |
const b = deepSignal({}); |
||||||
expect(getDeepSignalRootId(a)).not.toBe(getDeepSignalRootId(b)); |
expect(getDeepSignalRootId(a)).not.toBe(getDeepSignalRootId(b)); |
||||||
}); |
}); |
||||||
|
|
||||||
// legacy watchPatches API removed; patch mode only valid for deepSignal roots
|
// legacy watchPatches API removed; patch mode only valid for deepSignal roots
|
||||||
it("watch throws on non-deepSignal input", () => { |
it("watch throws on non-deepSignal input", () => { |
||||||
expect(() => watch({} as any, () => {})).toThrow(); |
expect(() => watch({} as any, () => {})).toThrow(); |
||||||
}); |
}); |
||||||
|
|
||||||
it("Map unsupported does not emit patches", async () => { |
it("Map unsupported does not emit patches", async () => { |
||||||
const m = new Map<string, number>(); |
const m = new Map<string, number>(); |
||||||
const st = deepSignal({ m }); |
const st = deepSignal({ m }); |
||||||
const patches: any[] = []; |
const patches: any[] = []; |
||||||
const { stopListening: stop } = watch(st, ({ patches: batch }) => |
const { stopListening: stop } = watch(st, ({ patches: batch }) => |
||||||
patches.push(batch) |
patches.push(batch) |
||||||
); |
); |
||||||
m.set("a", 1); |
m.set("a", 1); |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
expect(patches.length).toBe(0); |
expect(patches.length).toBe(0); |
||||||
stop(); |
stop(); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
|
|
||||||
describe("tier3: Set iteration variants", () => { |
describe("tier3: Set iteration variants", () => { |
||||||
it("entries() iteration proxies nested mutation", async () => { |
it("entries() iteration proxies nested mutation", async () => { |
||||||
const st = deepSignal({ s: new Set<any>() }); |
const st = deepSignal({ s: new Set<any>() }); |
||||||
st.s.add({ id: "eEnt", inner: { v: 1 } }); |
st.s.add({ id: "eEnt", inner: { v: 1 } }); |
||||||
const paths: string[] = []; |
const paths: string[] = []; |
||||||
const { stopListening: stop } = watch(st, ({ patches }) => |
const { stopListening: stop } = watch(st, ({ patches }) => |
||||||
paths.push(...patches.map((pp: any) => pp.path.join("."))) |
paths.push(...patches.map((pp: any) => pp.path.join("."))) |
||||||
); |
); |
||||||
for (const [val] of st.s.entries()) { |
for (const [val] of st.s.entries()) { |
||||||
(val as any).inner.v; |
(val as any).inner.v; |
||||||
} // ensure proxy
|
} // ensure proxy
|
||||||
for (const [val] of st.s.entries()) { |
for (const [val] of st.s.entries()) { |
||||||
(val as any).inner.v = 2; |
(val as any).inner.v = 2; |
||||||
} |
} |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
expect(paths.some((p) => p.endsWith("eEnt.inner.v"))).toBe(true); |
expect(paths.some((p) => p.endsWith("eEnt.inner.v"))).toBe(true); |
||||||
stop(); |
stop(); |
||||||
}); |
}); |
||||||
|
|
||||||
it("forEach iteration proxies nested mutation", async () => { |
it("forEach iteration proxies nested mutation", async () => { |
||||||
const st = deepSignal({ s: new Set<any>() }); |
const st = deepSignal({ s: new Set<any>() }); |
||||||
st.s.add({ id: "fe1", data: { n: 1 } }); |
st.s.add({ id: "fe1", data: { n: 1 } }); |
||||||
const { stopListening: stop } = watch(st, () => {}); |
const { stopListening: stop } = watch(st, () => {}); |
||||||
st.s.forEach((e) => (e as any).data.n); // access
|
st.s.forEach((e) => (e as any).data.n); // access
|
||||||
st.s.forEach((e) => { |
st.s.forEach((e) => { |
||||||
(e as any).data.n = 2; |
(e as any).data.n = 2; |
||||||
|
}); |
||||||
|
await Promise.resolve(); |
||||||
|
await Promise.resolve(); |
||||||
|
stop(); |
||||||
}); |
}); |
||||||
await Promise.resolve(); |
|
||||||
await Promise.resolve(); |
|
||||||
stop(); |
|
||||||
}); |
|
||||||
|
|
||||||
it("keys() iteration returns proxies", async () => { |
it("keys() iteration returns proxies", async () => { |
||||||
const st = deepSignal({ s: new Set<any>() }); |
const st = deepSignal({ s: new Set<any>() }); |
||||||
st.s.add({ id: "k1", foo: { x: 1 } }); |
st.s.add({ id: "k1", foo: { x: 1 } }); |
||||||
const { stopListening: stop } = watch(st, () => {}); |
const { stopListening: stop } = watch(st, () => {}); |
||||||
for (const e of st.s.keys()) { |
for (const e of st.s.keys()) { |
||||||
(e as any).foo.x = 2; |
(e as any).foo.x = 2; |
||||||
} |
} |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
await Promise.resolve(); |
await Promise.resolve(); |
||||||
stop(); |
stop(); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
|
|
||||||
describe("tier3: peek behavior", () => { |
describe("tier3: peek behavior", () => { |
||||||
it("peek does not create reactive dependency on property", async () => { |
it("peek does not create reactive dependency on property", async () => { |
||||||
const st = deepSignal({ a: 1 }); |
const st = deepSignal({ a: 1 }); |
||||||
let runs = 0; |
let runs = 0; |
||||||
effect(() => { |
effect(() => { |
||||||
runs++; |
runs++; |
||||||
peek(st, "a"); |
peek(st, "a"); |
||||||
|
}); |
||||||
|
expect(runs).toBe(1); |
||||||
|
st.a = 2; |
||||||
|
// Flush microtasks
|
||||||
|
await Promise.resolve(); |
||||||
|
await Promise.resolve(); |
||||||
|
expect(runs).toBe(1); // no rerun
|
||||||
}); |
}); |
||||||
expect(runs).toBe(1); |
|
||||||
st.a = 2; |
|
||||||
// Flush microtasks
|
|
||||||
await Promise.resolve(); |
|
||||||
await Promise.resolve(); |
|
||||||
expect(runs).toBe(1); // no rerun
|
|
||||||
}); |
|
||||||
}); |
}); |
||||||
|
|
||||||
describe("tier3: traverse helper direct calls (symbols & sets)", () => { |
describe("tier3: traverse helper direct calls (symbols & sets)", () => { |
||||||
it("traverse counts and respects depth param", () => { |
it("traverse counts and respects depth param", () => { |
||||||
__resetTraverseCount(); |
__resetTraverseCount(); |
||||||
const obj: any = { a: { b: { c: 1 } } }; |
const obj: any = { a: { b: { c: 1 } } }; |
||||||
traverse(obj, 1); |
traverse(obj, 1); |
||||||
const shallowCount = __traverseCount; |
const shallowCount = __traverseCount; |
||||||
__resetTraverseCount(); |
__resetTraverseCount(); |
||||||
traverse(obj, 3); |
traverse(obj, 3); |
||||||
const deepCount = __traverseCount; |
const deepCount = __traverseCount; |
||||||
expect(deepCount).toBeGreaterThan(shallowCount); |
expect(deepCount).toBeGreaterThan(shallowCount); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
|
Loading…
Reference in new issue