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
|
import { describe, expect, it } from '@jest/globals';
import { act, renderHook } from '@testing-library/react';
import { LocalStorage } from '../../../services/local-storage';
import { useLocalStorage } from './use-local-storage';
const validator = (value: unknown): value is string =>
typeof value === 'string';
describe('useLocalStorage', () => {
const fallback = 'fuga';
const key = 'qui';
it('should return the fallback value when storage is clear', () => {
LocalStorage.clear();
const { result } = renderHook(() =>
useLocalStorage(key, fallback, validator)
);
expect(result.current[0]).toBe(fallback);
});
it('should return the stored value when storage is not clear', () => {
const storedValue = 'unde';
LocalStorage.set(key, storedValue);
const { result } = renderHook(() =>
useLocalStorage(key, fallback, validator)
);
expect(result.current[0]).toBe(storedValue);
});
it('should return the fallback value when the stored value is invalid', () => {
LocalStorage.clear();
const storedValue = 42;
LocalStorage.set(key, storedValue);
const { result } = renderHook(() =>
useLocalStorage(key, fallback, validator)
);
expect(result.current[0]).toBe(fallback);
});
it('can update the stored value', () => {
const { result } = renderHook(() =>
useLocalStorage(key, fallback, validator)
);
const newValue = 'eveniet';
act(() => result.current[1](newValue));
expect(result.current[0]).toBe(newValue);
});
});
|
