1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
import { createRoot, getOwner, createSignal, createEffect, createComponent, createComputed, DEV, Owner } from "../src";import { createStore } from "../store/src";
describe("Dev features", () => {  test("Reactive graph serialization", () => {    let owner: ReturnType<typeof getOwner>, set1: (v: number) => number, setState1: any;
    const SNAPSHOTS = [      `{"s1773325850":5,"s1773325850-1":5,"c-1":{"explicit":6},"CustomComponent:c-2":{"s533736025":{"firstName":"John","lastName":"Smith"}}}`,      `{"s1773325850":7,"s1773325850-1":5,"c-1":{"explicit":6},"CustomComponent:c-2":{"s533736025":{"firstName":"Matt","lastName":"Smith","middleInitial":"R."}}}`    ];    const CustomComponent = () => {      const [state, setState] = createStore({ firstName: "John", lastName: "Smith" });      setState1 = setState;      return "";    };    createRoot(() => {      owner = getOwner();      const [s, set] = createSignal(5);      const [s2] = createSignal(5);      createEffect(() => {        const [s] = createSignal(6, { name: "explicit" });      });      createComponent(CustomComponent, {});      set1 = set;    });    expect(JSON.stringify(DEV.serializeGraph(owner!))).toBe(SNAPSHOTS[0]);    set1!(7);    setState1({ middleInitial: "R.", firstName: "Matt" });    expect(JSON.stringify(DEV.serializeGraph(owner!))).toBe(SNAPSHOTS[1]);  });
  test("AfterUpdate Hook", () => {    let triggered = 0;    let set1: (v: number) => number, setState1: any;    global._$afterUpdate = () => triggered++;    createRoot(() => {      const [s, set] = createSignal(5);      const [s2] = createSignal(5);      createEffect(() => {        const [s] = createSignal(6, { name: "explicit" });      });      const [state, setState] = createStore({ firstName: "John", lastName: "Smith" });      createEffect(() => {        s();        s2();        state.firstName;      });      set1 = set;      setState1 = setState;    });    expect(triggered).toBe(1);    set1!(7);    expect(triggered).toBe(2);    setState1({ middleInitial: "R.", firstName: "Matt" });    expect(triggered).toBe(3);  });
  test("AfterUpdate Hook with effect write", () => {    let triggered = 0;    let set1: (v: number) => number;    let log = "";    global._$afterUpdate = () => triggered++;    createRoot(() => {      const [s, set] = createSignal(5);      const [s2, set2] = createSignal(0);      const [s3, set3] = createSignal(0);      createComputed(() => {        log += "a";        set3(s2())      });      createEffect(() => {        log += "b";        set2(s());      });      createEffect(() => {        log += "c";        s3();      })      set1 = set;    });    expect(triggered).toBe(1);    expect(log).toBe("abcac");    log = "";    set1!(7);    expect(triggered).toBe(2);    expect(log).toBe("bac");  });
  test("AfterCreateRoot Hook", () => {    const captured: Owner[] = [];    global._$afterCreateRoot = root => captured.push(root);    createRoot(() => {      const root = getOwner()!;      expect(captured.length).toBe(1);      expect(captured[0]).toBe(root);      createRoot(_ => {        const inner = getOwner()!;        expect(captured.length).toBe(2);        expect(captured[1]).toBe(inner);        expect(inner.owner).toBe(root);      });    });  })});