@weser/state 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/__tests__/logger.test.js +58 -3
- package/dist/__tests__/logger.test.js.map +1 -1
- package/dist/__tests__/persistence.test.js +121 -3
- package/dist/__tests__/persistence.test.js.map +1 -1
- package/dist/__tests__/useStore.test.js +142 -3
- package/dist/__tests__/useStore.test.js.map +1 -1
- package/dist/__tests__/useStoreWithMiddleware.test.d.ts +2 -0
- package/dist/__tests__/useStoreWithMiddleware.test.d.ts.map +1 -0
- package/dist/__tests__/useStoreWithMiddleware.test.js +148 -0
- package/dist/__tests__/useStoreWithMiddleware.test.js.map +1 -0
- package/package.json +6 -3
|
@@ -1,5 +1,60 @@
|
|
|
1
|
-
import { test, expect } from 'vitest';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { describe, test, expect, vi, beforeEach, afterEach } from 'vitest';
|
|
2
|
+
import logger from '../middleware/logger';
|
|
3
|
+
describe('logger middleware', () => {
|
|
4
|
+
const originalConsole = console.log;
|
|
5
|
+
beforeEach(() => {
|
|
6
|
+
console.log = vi.fn();
|
|
7
|
+
});
|
|
8
|
+
afterEach(() => {
|
|
9
|
+
console.log = originalConsole;
|
|
10
|
+
});
|
|
11
|
+
test('returns middleware function', () => {
|
|
12
|
+
const { middleware } = logger();
|
|
13
|
+
expect(middleware).toBeDefined();
|
|
14
|
+
expect(typeof middleware).toBe('function');
|
|
15
|
+
});
|
|
16
|
+
test('logs action with default prefix', () => {
|
|
17
|
+
const { middleware } = logger();
|
|
18
|
+
middleware({ count: 1 }, {
|
|
19
|
+
action: 'increment',
|
|
20
|
+
payload: [],
|
|
21
|
+
prevState: { count: 0 },
|
|
22
|
+
});
|
|
23
|
+
expect(console.log).toHaveBeenCalledWith('ALVERON:increment', expect.objectContaining({
|
|
24
|
+
payload: [],
|
|
25
|
+
prevState: { count: 0 },
|
|
26
|
+
nextState: { count: 1 },
|
|
27
|
+
}));
|
|
28
|
+
});
|
|
29
|
+
test('uses custom prefix', () => {
|
|
30
|
+
const { middleware } = logger({ prefix: 'CUSTOM:' });
|
|
31
|
+
middleware({ value: 'test' }, {
|
|
32
|
+
action: 'setValue',
|
|
33
|
+
payload: ['test'],
|
|
34
|
+
prevState: { value: '' },
|
|
35
|
+
});
|
|
36
|
+
expect(console.log).toHaveBeenCalledWith('CUSTOM:setValue', expect.any(Object));
|
|
37
|
+
});
|
|
38
|
+
test('returns nextState unchanged', () => {
|
|
39
|
+
const { middleware } = logger();
|
|
40
|
+
const nextState = { count: 5 };
|
|
41
|
+
const result = middleware(nextState, {
|
|
42
|
+
action: 'test',
|
|
43
|
+
payload: [],
|
|
44
|
+
prevState: {},
|
|
45
|
+
});
|
|
46
|
+
expect(result).toBe(nextState);
|
|
47
|
+
});
|
|
48
|
+
test('logs payload', () => {
|
|
49
|
+
const { middleware } = logger();
|
|
50
|
+
middleware({}, {
|
|
51
|
+
action: 'setValues',
|
|
52
|
+
payload: ['arg1', 'arg2'],
|
|
53
|
+
prevState: {},
|
|
54
|
+
});
|
|
55
|
+
expect(console.log).toHaveBeenCalledWith(expect.any(String), expect.objectContaining({
|
|
56
|
+
payload: ['arg1', 'arg2'],
|
|
57
|
+
}));
|
|
58
|
+
});
|
|
4
59
|
});
|
|
5
60
|
//# sourceMappingURL=logger.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logger.test.js","sourceRoot":"","sources":["../../src/__tests__/logger.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"logger.test.js","sourceRoot":"","sources":["../../src/__tests__/logger.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,123 @@
|
|
|
1
|
-
import { test, expect } from 'vitest';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { describe, test, expect, vi, beforeEach } from 'vitest';
|
|
2
|
+
import persistence from '../middleware/persistence';
|
|
3
|
+
function createMockStorage() {
|
|
4
|
+
const store = {};
|
|
5
|
+
return {
|
|
6
|
+
getItem: (key) => store[key] ?? null,
|
|
7
|
+
setItem: (key, value) => {
|
|
8
|
+
store[key] = value;
|
|
9
|
+
},
|
|
10
|
+
removeItem: (key) => {
|
|
11
|
+
delete store[key];
|
|
12
|
+
},
|
|
13
|
+
clear: () => {
|
|
14
|
+
for (const key in store) {
|
|
15
|
+
delete store[key];
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
key: (index) => Object.keys(store)[index] ?? null,
|
|
19
|
+
get length() {
|
|
20
|
+
return Object.keys(store).length;
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
describe('persistence middleware', () => {
|
|
25
|
+
let mockStorage;
|
|
26
|
+
beforeEach(() => {
|
|
27
|
+
mockStorage = createMockStorage();
|
|
28
|
+
});
|
|
29
|
+
test('returns middleware and effect functions', () => {
|
|
30
|
+
const { middleware, effect } = persistence({
|
|
31
|
+
key: 'test',
|
|
32
|
+
getStorage: () => mockStorage,
|
|
33
|
+
});
|
|
34
|
+
expect(middleware).toBeDefined();
|
|
35
|
+
expect(typeof middleware).toBe('function');
|
|
36
|
+
expect(effect).toBeDefined();
|
|
37
|
+
expect(typeof effect).toBe('function');
|
|
38
|
+
});
|
|
39
|
+
test('middleware persists state to storage', () => {
|
|
40
|
+
const { middleware } = persistence({
|
|
41
|
+
key: 'test-key',
|
|
42
|
+
getStorage: () => mockStorage,
|
|
43
|
+
});
|
|
44
|
+
middleware({ count: 5 }, {
|
|
45
|
+
action: 'increment',
|
|
46
|
+
payload: [],
|
|
47
|
+
prevState: { count: 4 },
|
|
48
|
+
});
|
|
49
|
+
expect(mockStorage.getItem('test-key')).toBe(JSON.stringify({ count: 5 }));
|
|
50
|
+
});
|
|
51
|
+
test('middleware returns nextState unchanged', () => {
|
|
52
|
+
const { middleware } = persistence({
|
|
53
|
+
key: 'test',
|
|
54
|
+
getStorage: () => mockStorage,
|
|
55
|
+
});
|
|
56
|
+
const nextState = { value: 'test' };
|
|
57
|
+
const result = middleware(nextState, {
|
|
58
|
+
action: 'setValue',
|
|
59
|
+
payload: [],
|
|
60
|
+
prevState: {},
|
|
61
|
+
});
|
|
62
|
+
expect(result).toBe(nextState);
|
|
63
|
+
});
|
|
64
|
+
test('middleware respects actions filter', () => {
|
|
65
|
+
const { middleware } = persistence({
|
|
66
|
+
key: 'filtered-key',
|
|
67
|
+
getStorage: () => mockStorage,
|
|
68
|
+
actions: ['save'],
|
|
69
|
+
});
|
|
70
|
+
// Should NOT persist
|
|
71
|
+
middleware({ count: 1 }, {
|
|
72
|
+
action: 'increment',
|
|
73
|
+
payload: [],
|
|
74
|
+
prevState: {},
|
|
75
|
+
});
|
|
76
|
+
expect(mockStorage.getItem('filtered-key')).toBeNull();
|
|
77
|
+
// Should persist
|
|
78
|
+
middleware({ count: 2 }, {
|
|
79
|
+
action: 'save',
|
|
80
|
+
payload: [],
|
|
81
|
+
prevState: {},
|
|
82
|
+
});
|
|
83
|
+
expect(mockStorage.getItem('filtered-key')).toBe(JSON.stringify({ count: 2 }));
|
|
84
|
+
});
|
|
85
|
+
test('uses custom encode function', () => {
|
|
86
|
+
const { middleware } = persistence({
|
|
87
|
+
key: 'custom-encode',
|
|
88
|
+
getStorage: () => mockStorage,
|
|
89
|
+
encode: (data) => `ENCODED:${JSON.stringify(data)}`,
|
|
90
|
+
});
|
|
91
|
+
middleware({ test: true }, {
|
|
92
|
+
action: 'test',
|
|
93
|
+
payload: [],
|
|
94
|
+
prevState: {},
|
|
95
|
+
});
|
|
96
|
+
expect(mockStorage.getItem('custom-encode')).toBe('ENCODED:{"test":true}');
|
|
97
|
+
});
|
|
98
|
+
test('effect hydrates state from storage', async () => {
|
|
99
|
+
mockStorage.setItem('hydrate-key', JSON.stringify({ restored: true }));
|
|
100
|
+
const setState = vi.fn();
|
|
101
|
+
const { effect } = persistence({
|
|
102
|
+
key: 'hydrate-key',
|
|
103
|
+
getStorage: () => mockStorage,
|
|
104
|
+
});
|
|
105
|
+
effect(setState);
|
|
106
|
+
// Wait for async hydration
|
|
107
|
+
await new Promise((resolve) => setTimeout(resolve, 10));
|
|
108
|
+
expect(setState).toHaveBeenCalledWith({ restored: true });
|
|
109
|
+
});
|
|
110
|
+
test('effect calls onHydrated callback', async () => {
|
|
111
|
+
mockStorage.setItem('callback-key', JSON.stringify({ data: 'test' }));
|
|
112
|
+
const onHydrated = vi.fn();
|
|
113
|
+
const { effect } = persistence({
|
|
114
|
+
key: 'callback-key',
|
|
115
|
+
getStorage: () => mockStorage,
|
|
116
|
+
onHydrated,
|
|
117
|
+
});
|
|
118
|
+
effect(vi.fn());
|
|
119
|
+
await new Promise((resolve) => setTimeout(resolve, 10));
|
|
120
|
+
expect(onHydrated).toHaveBeenCalledWith({ data: 'test' });
|
|
121
|
+
});
|
|
4
122
|
});
|
|
5
123
|
//# sourceMappingURL=persistence.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"persistence.test.js","sourceRoot":"","sources":["../../src/__tests__/persistence.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"persistence.test.js","sourceRoot":"","sources":["../../src/__tests__/persistence.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,144 @@
|
|
|
1
|
-
import { test, expect } from 'vitest';
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { describe, test, expect, vi } from 'vitest';
|
|
2
|
+
import { renderHook, act } from '@testing-library/react';
|
|
3
|
+
import useStore from '../useStore';
|
|
4
|
+
describe('useStore', () => {
|
|
5
|
+
// Actions must return [newState] or [newState, effect] tuple
|
|
6
|
+
const actions = {
|
|
7
|
+
increment: (state) => [{ count: state.count + 1 }],
|
|
8
|
+
decrement: (state) => [{ count: state.count - 1 }],
|
|
9
|
+
add: (state, amount) => [
|
|
10
|
+
{ count: state.count + amount },
|
|
11
|
+
],
|
|
12
|
+
};
|
|
13
|
+
test('initializes with initial state', () => {
|
|
14
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
15
|
+
const [state] = result.current;
|
|
16
|
+
expect(state.count).toBe(0);
|
|
17
|
+
});
|
|
18
|
+
test('returns resolved actions', () => {
|
|
19
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
20
|
+
const [, resolvedActions] = result.current;
|
|
21
|
+
expect(resolvedActions.increment).toBeDefined();
|
|
22
|
+
expect(resolvedActions.decrement).toBeDefined();
|
|
23
|
+
expect(resolvedActions.add).toBeDefined();
|
|
24
|
+
});
|
|
25
|
+
test('actions update state', () => {
|
|
26
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
27
|
+
act(() => {
|
|
28
|
+
result.current[1].increment();
|
|
29
|
+
});
|
|
30
|
+
expect(result.current[0].count).toBe(1);
|
|
31
|
+
});
|
|
32
|
+
test('actions with payload update state correctly', () => {
|
|
33
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
34
|
+
act(() => {
|
|
35
|
+
result.current[1].add(5);
|
|
36
|
+
});
|
|
37
|
+
expect(result.current[0].count).toBe(5);
|
|
38
|
+
});
|
|
39
|
+
test('multiple action calls work correctly', () => {
|
|
40
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
41
|
+
act(() => {
|
|
42
|
+
result.current[1].increment();
|
|
43
|
+
});
|
|
44
|
+
act(() => {
|
|
45
|
+
result.current[1].increment();
|
|
46
|
+
});
|
|
47
|
+
act(() => {
|
|
48
|
+
result.current[1].increment();
|
|
49
|
+
});
|
|
50
|
+
expect(result.current[0].count).toBe(3);
|
|
51
|
+
});
|
|
52
|
+
test('decrement action works', () => {
|
|
53
|
+
const { result } = renderHook(() => useStore(actions, { count: 10 }));
|
|
54
|
+
act(() => {
|
|
55
|
+
result.current[1].decrement();
|
|
56
|
+
});
|
|
57
|
+
expect(result.current[0].count).toBe(9);
|
|
58
|
+
});
|
|
59
|
+
test('handles object state updates', () => {
|
|
60
|
+
const objectActions = {
|
|
61
|
+
setName: (state, name) => [
|
|
62
|
+
{ ...state, name },
|
|
63
|
+
],
|
|
64
|
+
setAge: (state, age) => [
|
|
65
|
+
{ ...state, age },
|
|
66
|
+
],
|
|
67
|
+
};
|
|
68
|
+
const { result } = renderHook(() => useStore(objectActions, { name: '', age: 0 }));
|
|
69
|
+
act(() => {
|
|
70
|
+
result.current[1].setName('John');
|
|
71
|
+
});
|
|
72
|
+
expect(result.current[0].name).toBe('John');
|
|
73
|
+
expect(result.current[0].age).toBe(0);
|
|
74
|
+
act(() => {
|
|
75
|
+
result.current[1].setAge(30);
|
|
76
|
+
});
|
|
77
|
+
expect(result.current[0].name).toBe('John');
|
|
78
|
+
expect(result.current[0].age).toBe(30);
|
|
79
|
+
});
|
|
80
|
+
// Tests based on docs - effects
|
|
81
|
+
test('actions can return effects as second tuple element', async () => {
|
|
82
|
+
const effectFn = vi.fn();
|
|
83
|
+
const actionsWithEffect = {
|
|
84
|
+
doSomething: (state) => [
|
|
85
|
+
{ value: state.value + 1 },
|
|
86
|
+
(actions) => {
|
|
87
|
+
effectFn(actions);
|
|
88
|
+
},
|
|
89
|
+
],
|
|
90
|
+
};
|
|
91
|
+
const { result } = renderHook(() => useStore(actionsWithEffect, { value: 0 }));
|
|
92
|
+
act(() => {
|
|
93
|
+
result.current[1].doSomething();
|
|
94
|
+
});
|
|
95
|
+
expect(result.current[0].value).toBe(1);
|
|
96
|
+
expect(effectFn).toHaveBeenCalled();
|
|
97
|
+
});
|
|
98
|
+
test('effects receive actions object', async () => {
|
|
99
|
+
let receivedActions = null;
|
|
100
|
+
const actionsWithEffect = {
|
|
101
|
+
setData: (state, data) => [
|
|
102
|
+
{ data },
|
|
103
|
+
],
|
|
104
|
+
fetchData: (state) => [
|
|
105
|
+
{ data: null },
|
|
106
|
+
(actions) => {
|
|
107
|
+
receivedActions = actions;
|
|
108
|
+
},
|
|
109
|
+
],
|
|
110
|
+
};
|
|
111
|
+
const { result } = renderHook(() => useStore(actionsWithEffect, { data: null }));
|
|
112
|
+
act(() => {
|
|
113
|
+
result.current[1].fetchData();
|
|
114
|
+
});
|
|
115
|
+
expect(receivedActions).toBeDefined();
|
|
116
|
+
expect(receivedActions.setData).toBeDefined();
|
|
117
|
+
expect(receivedActions.fetchData).toBeDefined();
|
|
118
|
+
});
|
|
119
|
+
test('effect can invoke other actions (async pattern)', async () => {
|
|
120
|
+
// This tests the pattern shown in docs where effect calls other actions
|
|
121
|
+
const setDataCalled = vi.fn();
|
|
122
|
+
const actionsWithEffect = {
|
|
123
|
+
setData: (state, data) => {
|
|
124
|
+
setDataCalled(data);
|
|
125
|
+
return [{ loading: false, data }];
|
|
126
|
+
},
|
|
127
|
+
fetchData: (state) => [
|
|
128
|
+
{ loading: true, data: null },
|
|
129
|
+
(actions) => {
|
|
130
|
+
// Effect receives resolved actions and can call them
|
|
131
|
+
actions.setData('loaded data');
|
|
132
|
+
},
|
|
133
|
+
],
|
|
134
|
+
};
|
|
135
|
+
const { result } = renderHook(() => useStore(actionsWithEffect, { loading: false, data: null }));
|
|
136
|
+
// First, verify loading state is set immediately
|
|
137
|
+
act(() => {
|
|
138
|
+
result.current[1].fetchData();
|
|
139
|
+
});
|
|
140
|
+
// The effect should have called setData
|
|
141
|
+
expect(setDataCalled).toHaveBeenCalledWith('loaded data');
|
|
142
|
+
});
|
|
4
143
|
});
|
|
5
144
|
//# sourceMappingURL=useStore.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStore.test.js","sourceRoot":"","sources":["../../src/__tests__/useStore.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"useStore.test.js","sourceRoot":"","sources":["../../src/__tests__/useStore.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStoreWithMiddleware.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/useStoreWithMiddleware.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import { describe, test, expect, vi, beforeEach, afterEach } from 'vitest';
|
|
2
|
+
import { renderHook, act, waitFor } from '@testing-library/react';
|
|
3
|
+
import useStoreWithMiddleware from '../useStoreWithMiddleware';
|
|
4
|
+
import logger from '../middleware/logger';
|
|
5
|
+
import persistence from '../middleware/persistence';
|
|
6
|
+
describe('useStoreWithMiddleware', () => {
|
|
7
|
+
// Test actions that return [newState] tuple format
|
|
8
|
+
const actions = {
|
|
9
|
+
increment: (state) => [{ count: state.count + 1 }],
|
|
10
|
+
decrement: (state) => [{ count: state.count - 1 }],
|
|
11
|
+
set: (state, value) => [{ count: value }],
|
|
12
|
+
};
|
|
13
|
+
describe('basic usage', () => {
|
|
14
|
+
test('creates a useStore hook with middleware', () => {
|
|
15
|
+
const useStore = useStoreWithMiddleware([]);
|
|
16
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
17
|
+
expect(result.current[0].count).toBe(0);
|
|
18
|
+
});
|
|
19
|
+
test('actions work correctly', () => {
|
|
20
|
+
const useStore = useStoreWithMiddleware([]);
|
|
21
|
+
const { result } = renderHook(() => useStore(actions, { count: 5 }));
|
|
22
|
+
act(() => {
|
|
23
|
+
result.current[1].increment();
|
|
24
|
+
});
|
|
25
|
+
expect(result.current[0].count).toBe(6);
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
describe('with logger middleware (docs example)', () => {
|
|
29
|
+
const originalConsole = console.log;
|
|
30
|
+
beforeEach(() => {
|
|
31
|
+
console.log = vi.fn();
|
|
32
|
+
});
|
|
33
|
+
afterEach(() => {
|
|
34
|
+
console.log = originalConsole;
|
|
35
|
+
});
|
|
36
|
+
test('logs actions with default prefix', () => {
|
|
37
|
+
// Docs example: useStoreWithMiddleware([logger()])
|
|
38
|
+
const useStore = useStoreWithMiddleware([logger()]);
|
|
39
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
40
|
+
act(() => {
|
|
41
|
+
result.current[1].increment();
|
|
42
|
+
});
|
|
43
|
+
expect(console.log).toHaveBeenCalledWith('ALVERON:increment', expect.objectContaining({
|
|
44
|
+
prevState: { count: 0 },
|
|
45
|
+
nextState: { count: 1 },
|
|
46
|
+
}));
|
|
47
|
+
});
|
|
48
|
+
test('logs actions with custom prefix (docs example)', () => {
|
|
49
|
+
// Docs example: logger({ prefix: 'MY_APP: ' })
|
|
50
|
+
const useStore = useStoreWithMiddleware([logger({ prefix: 'MY_APP: ' })]);
|
|
51
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
52
|
+
act(() => {
|
|
53
|
+
result.current[1].set(42);
|
|
54
|
+
});
|
|
55
|
+
expect(console.log).toHaveBeenCalledWith('MY_APP: set', expect.any(Object));
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
describe('with persistence middleware (docs example)', () => {
|
|
59
|
+
function createMockStorage() {
|
|
60
|
+
const store = {};
|
|
61
|
+
return {
|
|
62
|
+
getItem: (key) => store[key] ?? null,
|
|
63
|
+
setItem: (key, value) => {
|
|
64
|
+
store[key] = value;
|
|
65
|
+
},
|
|
66
|
+
removeItem: (key) => {
|
|
67
|
+
delete store[key];
|
|
68
|
+
},
|
|
69
|
+
clear: () => {
|
|
70
|
+
for (const key in store) {
|
|
71
|
+
delete store[key];
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
key: (index) => Object.keys(store)[index] ?? null,
|
|
75
|
+
get length() {
|
|
76
|
+
return Object.keys(store).length;
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
test('persists state to storage (docs example)', async () => {
|
|
81
|
+
const mockStorage = createMockStorage();
|
|
82
|
+
// Docs example: persistence({ key: 'my-app-state', getStorage: () => localStorage })
|
|
83
|
+
const useStore = useStoreWithMiddleware([
|
|
84
|
+
persistence({
|
|
85
|
+
key: 'my-app-state',
|
|
86
|
+
getStorage: () => mockStorage,
|
|
87
|
+
}),
|
|
88
|
+
]);
|
|
89
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
90
|
+
act(() => {
|
|
91
|
+
result.current[1].increment();
|
|
92
|
+
});
|
|
93
|
+
expect(mockStorage.getItem('my-app-state')).toBe(JSON.stringify({ count: 1 }));
|
|
94
|
+
});
|
|
95
|
+
test('hydrates from storage on mount', async () => {
|
|
96
|
+
const mockStorage = createMockStorage();
|
|
97
|
+
mockStorage.setItem('hydrate-test', JSON.stringify({ count: 100 }));
|
|
98
|
+
const useStore = useStoreWithMiddleware([
|
|
99
|
+
persistence({
|
|
100
|
+
key: 'hydrate-test',
|
|
101
|
+
getStorage: () => mockStorage,
|
|
102
|
+
}),
|
|
103
|
+
]);
|
|
104
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
105
|
+
await waitFor(() => {
|
|
106
|
+
expect(result.current[0].count).toBe(100);
|
|
107
|
+
});
|
|
108
|
+
});
|
|
109
|
+
});
|
|
110
|
+
describe('with multiple middleware', () => {
|
|
111
|
+
const originalConsole = console.log;
|
|
112
|
+
beforeEach(() => {
|
|
113
|
+
console.log = vi.fn();
|
|
114
|
+
});
|
|
115
|
+
afterEach(() => {
|
|
116
|
+
console.log = originalConsole;
|
|
117
|
+
});
|
|
118
|
+
test('combines logger and persistence middleware', async () => {
|
|
119
|
+
const mockStorage = {};
|
|
120
|
+
const storage = {
|
|
121
|
+
getItem: (key) => mockStorage[key] ?? null,
|
|
122
|
+
setItem: (key, value) => {
|
|
123
|
+
mockStorage[key] = value;
|
|
124
|
+
},
|
|
125
|
+
removeItem: () => { },
|
|
126
|
+
clear: () => { },
|
|
127
|
+
key: () => null,
|
|
128
|
+
length: 0,
|
|
129
|
+
};
|
|
130
|
+
const useStore = useStoreWithMiddleware([
|
|
131
|
+
logger({ prefix: 'LOG: ' }),
|
|
132
|
+
persistence({
|
|
133
|
+
key: 'combined-test',
|
|
134
|
+
getStorage: () => storage,
|
|
135
|
+
}),
|
|
136
|
+
]);
|
|
137
|
+
const { result } = renderHook(() => useStore(actions, { count: 0 }));
|
|
138
|
+
act(() => {
|
|
139
|
+
result.current[1].increment();
|
|
140
|
+
});
|
|
141
|
+
// Logger should have been called
|
|
142
|
+
expect(console.log).toHaveBeenCalled();
|
|
143
|
+
// Persistence should have saved
|
|
144
|
+
expect(mockStorage['combined-test']).toBe(JSON.stringify({ count: 1 }));
|
|
145
|
+
});
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
//# sourceMappingURL=useStoreWithMiddleware.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useStoreWithMiddleware.test.js","sourceRoot":"","sources":["../../src/__tests__/useStoreWithMiddleware.test.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@weser/state",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1",
|
|
4
4
|
"description": "React hooks for simple state management",
|
|
5
5
|
"author": "Robin Weser <robin@weser.io>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -48,11 +48,14 @@
|
|
|
48
48
|
"react": ">19.0.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
+
"@testing-library/react": "^16.0.0",
|
|
51
52
|
"@types/react": "^19.0.0",
|
|
53
|
+
"jsdom": "^25.0.1",
|
|
52
54
|
"react": "^19.0.0",
|
|
55
|
+
"react-dom": "^19.0.0",
|
|
53
56
|
"rimraf": "^3.0.2",
|
|
54
57
|
"typescript": "^5.4.5",
|
|
55
|
-
"vitest": "^
|
|
58
|
+
"vitest": "^3.0.0"
|
|
56
59
|
},
|
|
57
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "07cd8acd29e916cf20fe509029328862df87b08d"
|
|
58
61
|
}
|