-
Notifications
You must be signed in to change notification settings - Fork 12
Expand file tree
/
Copy pathHookStateRefactorTests.cs
More file actions
499 lines (407 loc) · 18.5 KB
/
HookStateRefactorTests.cs
File metadata and controls
499 lines (407 loc) · 18.5 KB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
using Microsoft.UI.Reactor.Core;
using Xunit;
namespace Microsoft.UI.Reactor.Tests;
/// <summary>
/// Phase 1 tests: Hook type correctness and effect cleanup ordering.
/// All unit tests exercising RenderContext directly — no reconciler, no WinUI controls.
/// </summary>
public class HookStateRefactorTests
{
// ════════════════════════════════════════════════════════════════
// Helper: get the internal hook state type name via reflection
// ════════════════════════════════════════════════════════════════
private static string GetHookTypeName(RenderContext ctx, int index)
{
var hooksField = typeof(RenderContext).GetField("_hooks",
global::System.Reflection.BindingFlags.NonPublic | global::System.Reflection.BindingFlags.Instance)!;
var hooks = (global::System.Collections.IList)hooksField.GetValue(ctx)!;
return hooks[index]!.GetType().Name;
}
private static object GetHookState(RenderContext ctx, int index)
{
var hooksField = typeof(RenderContext).GetField("_hooks",
global::System.Reflection.BindingFlags.NonPublic | global::System.Reflection.BindingFlags.Instance)!;
var hooks = (global::System.Collections.IList)hooksField.GetValue(ctx)!;
return hooks[index]!;
}
// ════════════════════════════════════════════════════════════════
// UseState<T> type correctness
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseState_Int_Uses_ValueHookState_Int_No_Boxing()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
var (value, _) = ctx.UseState(42);
Assert.Equal(42, value);
// Verify internal type is ValueHookState`1[Int32] — not boxed object
var typeName = GetHookTypeName(ctx, 0);
Assert.StartsWith("ValueHookState", typeName);
Assert.Contains("Int32", GetHookState(ctx, 0).GetType().ToString());
}
[Fact]
public void UseState_String_Works_With_Generic_HookState()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
var (value, set) = ctx.UseState("hello");
Assert.Equal("hello", value);
// Second render after setter
set("world");
ctx.BeginRender(() => { });
var (value2, _) = ctx.UseState("hello"); // initial ignored on re-render
Assert.Equal("world", value2);
}
[Fact]
public void UseState_Bool_Setter_Correctly_Compares_And_Triggers_Rerender()
{
var ctx = new RenderContext();
int rerenderCount = 0;
ctx.BeginRender(() => rerenderCount++);
var (value, set) = ctx.UseState(false);
Assert.False(value);
// Setting to same value should NOT trigger re-render
set(false);
Assert.Equal(0, rerenderCount);
// Setting to different value should trigger re-render
set(true);
Assert.Equal(1, rerenderCount);
}
// ════════════════════════════════════════════════════════════════
// UseReducer<T> type correctness
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseReducer_Int_Functional_Updater_Works_With_Typed_HookState()
{
var ctx = new RenderContext();
int rerenderCount = 0;
ctx.BeginRender(() => rerenderCount++);
var (value, update) = ctx.UseReducer(10);
Assert.Equal(10, value);
// Apply functional update
update(prev => prev + 5);
Assert.Equal(1, rerenderCount);
// Re-render and verify updated value
ctx.BeginRender(() => rerenderCount++);
var (value2, _) = ctx.UseReducer(10);
Assert.Equal(15, value2);
// Verify internal type
Assert.Contains("Int32", GetHookState(ctx, 0).GetType().ToString());
}
[Fact]
public void UseReducer_TState_TAction_Dispatch_Works_With_Typed_HookState()
{
var ctx = new RenderContext();
int rerenderCount = 0;
static int reducer(int state, string action) => action switch
{
"increment" => state + 1,
"decrement" => state - 1,
_ => state
};
ctx.BeginRender(() => rerenderCount++);
var (value, dispatch) = ctx.UseReducer<int, string>(reducer, 0);
Assert.Equal(0, value);
dispatch("increment");
Assert.Equal(1, rerenderCount);
ctx.BeginRender(() => rerenderCount++);
var (value2, dispatch2) = ctx.UseReducer<int, string>(reducer, 0);
Assert.Equal(1, value2);
dispatch2("increment");
dispatch2("increment");
ctx.BeginRender(() => { });
var (value3, _) = ctx.UseReducer<int, string>(reducer, 0);
Assert.Equal(3, value3);
// Verify internal type
Assert.Contains("Int32", GetHookState(ctx, 0).GetType().ToString());
}
// ════════════════════════════════════════════════════════════════
// UseMemo<T> type correctness
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseMemo_Int_Returns_Cached_Value_When_Deps_Unchanged()
{
var ctx = new RenderContext();
int computeCount = 0;
ctx.BeginRender(() => { });
var val1 = ctx.UseMemo(() => { computeCount++; return 42; }, "dep1");
Assert.Equal(42, val1);
Assert.Equal(1, computeCount);
// Re-render with same deps — should NOT recompute
ctx.BeginRender(() => { });
var val2 = ctx.UseMemo(() => { computeCount++; return 99; }, "dep1");
Assert.Equal(42, val2); // cached value
Assert.Equal(1, computeCount);
}
[Fact]
public void UseMemo_Int_Recomputes_When_Deps_Change()
{
var ctx = new RenderContext();
int computeCount = 0;
ctx.BeginRender(() => { });
var val1 = ctx.UseMemo(() => { computeCount++; return 42; }, "dep1");
Assert.Equal(42, val1);
Assert.Equal(1, computeCount);
// Re-render with different deps — should recompute
ctx.BeginRender(() => { });
var val2 = ctx.UseMemo(() => { computeCount++; return 99; }, "dep2");
Assert.Equal(99, val2);
Assert.Equal(2, computeCount);
}
[Fact]
public void UseCallback_Returns_Stable_Reference_When_Deps_Unchanged()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
var cb1 = ctx.UseCallback(() => { }, "dep1");
ctx.BeginRender(() => { });
var cb2 = ctx.UseCallback(() => { }, "dep1");
Assert.Same(cb1, cb2); // same delegate reference
}
// ════════════════════════════════════════════════════════════════
// UseRef<T> persistence
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseRef_Int_Persists_Across_Renders()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
var ref1 = ctx.UseRef(0);
Assert.Equal(0, ref1.Current);
ref1.Current = 42;
// Re-render — same Ref object, mutated value
ctx.BeginRender(() => { });
var ref2 = ctx.UseRef(0);
Assert.Same(ref1, ref2);
Assert.Equal(42, ref2.Current);
}
// ════════════════════════════════════════════════════════════════
// Hook order violation
// ════════════════════════════════════════════════════════════════
[Fact]
public void Hook_Order_Violation_Throws_Descriptive_Error_With_New_Type_Names()
{
var ctx = new RenderContext();
// First render: UseState then UseEffect
ctx.BeginRender(() => { });
ctx.UseState(0);
ctx.UseEffect(() => { }, "dep");
ctx.FlushEffects();
// Second render: try to call UseEffect where UseState was — should throw
ctx.BeginRender(() => { });
var ex = Assert.Throws<HookOrderException>(() => ctx.UseEffect(() => { }, "dep"));
Assert.Contains("ValueHookState", ex.Message);
}
[Fact]
public void Hook_Order_Violation_UseState_At_Effect_Position_Throws()
{
var ctx = new RenderContext();
// First render: UseEffect then UseState
ctx.BeginRender(() => { });
ctx.UseEffect(() => { }, "dep");
ctx.UseState(0);
ctx.FlushEffects();
// Second render: UseState where UseEffect was — should throw
ctx.BeginRender(() => { });
var ex = Assert.Throws<HookOrderException>(() => ctx.UseState(0));
Assert.Contains("EffectHookState", ex.Message);
Assert.Contains("ValueHookState", ex.Message);
}
// ════════════════════════════════════════════════════════════════
// Hot Reload recovery: ResetForHotReload clears state + cleanups
// so a render after a hook-order break can succeed
// ════════════════════════════════════════════════════════════════
[Fact]
public void ResetForHotReload_RunsCleanups_And_ClearsHooks_So_Next_Render_Sees_Fresh_Sequence()
{
var ctx = new RenderContext();
bool cleanupRan = false;
// Render 1 (pre-edit): UseState + UseEffect with cleanup.
ctx.BeginRender(() => { });
ctx.UseState(42);
ctx.UseEffect(() => () => cleanupRan = true, "dep");
ctx.FlushEffects();
// Render 2 (post-edit): the developer reordered hooks. Calling
// UseEffect at index 0 (where UseState lived) throws.
ctx.BeginRender(() => { });
Assert.Throws<HookOrderException>(() => ctx.UseEffect(() => { }, "dep"));
// Hot reload recovery: cleanups run, hook list reset.
ctx.ResetForHotReload();
Assert.True(cleanupRan, "Effect cleanup should run during ResetForHotReload");
// Render 3 (recovery): the new hook order is accepted as if first
// mount — UseEffect-then-UseState now works because the hook list
// starts empty. State is lost (the 42 from render 1), which is the
// documented trade-off.
ctx.BeginRender(() => { });
ctx.UseEffect(() => { }, "dep");
var (value, _) = ctx.UseState(0);
Assert.Equal(0, value);
}
[Fact]
public void ResetForHotReload_Allows_Different_Hook_Type_At_Same_Index()
{
var ctx = new RenderContext();
// Render 1: UseState<int>.
ctx.BeginRender(() => { });
ctx.UseState(7);
// Render 2: developer changed UseState<int> to UseState<string>.
// Same hook *kind* but different generic — different ValueHookState<T>.
ctx.BeginRender(() => { });
Assert.Throws<HookOrderException>(() => ctx.UseState("hello"));
// After recovery the new shape works.
ctx.ResetForHotReload();
ctx.BeginRender(() => { });
var (s, _) = ctx.UseState("hello");
Assert.Equal("hello", s);
}
// ════════════════════════════════════════════════════════════════
// Effect cleanup ordering (post-render)
// ════════════════════════════════════════════════════════════════
[Fact]
public void Effect_Cleanup_Runs_After_Render_Commits_Not_During_UseEffect_Call()
{
var ctx = new RenderContext();
var events = new List<string>();
// First render: install effect with cleanup
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effect1");
return () => events.Add("cleanup1");
}, "dep1");
ctx.FlushEffects();
Assert.Equal(new[] { "effect1" }, events);
events.Clear();
// Second render: deps change — cleanup should NOT run during UseEffect
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effect2");
return () => events.Add("cleanup2");
}, "dep2");
// At this point, cleanup should NOT have run yet
Assert.Empty(events);
// FlushEffects should run cleanup THEN new effect
ctx.FlushEffects();
Assert.Equal(new[] { "cleanup1", "effect2" }, events);
}
[Fact]
public void Effect_Cleanup_Runs_Before_New_Effect_In_Same_FlushEffects()
{
var ctx = new RenderContext();
var events = new List<string>();
// First render
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effectA");
return () => events.Add("cleanupA");
}, "dep1");
ctx.FlushEffects();
events.Clear();
// Second render: change deps
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effectA_v2");
return () => events.Add("cleanupA_v2");
}, "dep2");
ctx.FlushEffects();
// Cleanup must come before the new effect
Assert.Equal(new[] { "cleanupA", "effectA_v2" }, events);
}
[Fact]
public void Multiple_Effects_Pending_Cleanups_All_Run_Before_Any_New_Effects()
{
var ctx = new RenderContext();
var events = new List<string>();
// First render: two effects
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effect1");
return () => events.Add("cleanup1");
}, "dep1");
ctx.UseEffect(() =>
{
events.Add("effect2");
return () => events.Add("cleanup2");
}, "depA");
ctx.FlushEffects();
events.Clear();
// Second render: both effects change deps
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effect1_v2");
return () => events.Add("cleanup1_v2");
}, "dep2");
ctx.UseEffect(() =>
{
events.Add("effect2_v2");
return () => events.Add("cleanup2_v2");
}, "depB");
ctx.FlushEffects();
// All cleanups first, then all new effects
Assert.Equal(new[] { "cleanup1", "cleanup2", "effect1_v2", "effect2_v2" }, events);
}
[Fact]
public void Unmount_Cleanup_RunCleanups_Runs_Immediately_Not_Deferred()
{
var ctx = new RenderContext();
var events = new List<string>();
ctx.BeginRender(() => { });
ctx.UseEffect(() =>
{
events.Add("effect");
return () => events.Add("cleanup");
}, "dep");
ctx.FlushEffects();
events.Clear();
// RunCleanups (unmount) should run cleanup immediately
ctx.RunCleanups();
Assert.Equal(new[] { "cleanup" }, events);
}
[Fact]
public void Effect_Without_Cleanup_No_PendingCleanup_On_Deps_Change()
{
// UseEffect(Action, deps) — no cleanup function
var ctx = new RenderContext();
var events = new List<string>();
ctx.BeginRender(() => { });
ctx.UseEffect(() => events.Add("effect1"), "dep1");
ctx.FlushEffects();
events.Clear();
// Change deps — no cleanup to run
ctx.BeginRender(() => { });
ctx.UseEffect(() => events.Add("effect2"), "dep2");
ctx.FlushEffects();
Assert.Equal(new[] { "effect2" }, events);
}
// ════════════════════════════════════════════════════════════════
// UseMemo type verification
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseMemo_Uses_Generic_MemoHookState()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
ctx.UseMemo(() => 42, "dep");
var typeName = GetHookTypeName(ctx, 0);
Assert.StartsWith("MemoHookState", typeName);
Assert.Contains("Int32", GetHookState(ctx, 0).GetType().ToString());
}
// ════════════════════════════════════════════════════════════════
// UseRef type verification
// ════════════════════════════════════════════════════════════════
[Fact]
public void UseRef_Uses_ValueHookState_Ref()
{
var ctx = new RenderContext();
ctx.BeginRender(() => { });
ctx.UseRef(0);
var hookType = GetHookState(ctx, 0).GetType().ToString();
Assert.Contains("ValueHookState", hookType);
Assert.Contains("Ref", hookType);
}
}