-
Notifications
You must be signed in to change notification settings - Fork 0
/
util-test-template.txt
68 lines (61 loc) · 1.86 KB
/
util-test-template.txt
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
import {
Breakpoints,
Theme,
theme,
ThemeWithoutBreakpoints,
themeWithoutBreakpoints,
} from '../../../test-utils/theme';
import { __PROPERTY_NAME__ } from '../__PROPERTY_NAME__';
describe('__PROPERTY_NAME__', () => {
it('should return a function', () => {
const result = __PROPERTY_NAME__();
expect(result).toBeInstanceOf(Function);
});
it('should use `__PROPERTY_NAME__` as component and css prop', () => {
const result = __PROPERTY_NAME__()({ __COMPONENT_PROPERTY_NAME__: 'inherit' });
expect(result).toEqual({ __PROPERTY_NAME__: 'inherit' });
});
it('should allow using a custom value type', () => {
const result = __PROPERTY_NAME__<'a'>()({ __COMPONENT_PROPERTY_NAME__: 'a' });
expect(result).toEqual({ __PROPERTY_NAME__: 'a' });
});
it('should use an interface which marks `__PROPERTY_NAME__` as optional', () => {
const result = __PROPERTY_NAME__<'a'>()({});
expect(result).toEqual(undefined);
});
it('should allow using a theme', () => {
const result = __PROPERTY_NAME__<'value', ThemeWithoutBreakpoints>({
themeProp: 'dummy',
})({ __COMPONENT_PROPERTY_NAME__: 'value', theme: themeWithoutBreakpoints });
expect(result).toEqual({
__PROPERTY_NAME__: themeWithoutBreakpoints.dummy.value,
});
});
it('should allow using breakpoints', () => {
const result = __PROPERTY_NAME__<
'a' | 'b' | 'c' | 'd',
Theme,
Breakpoints
>()({
__COMPONENT_PROPERTY_NAME__: {
base: 'a',
large: 'b',
medium: 'c',
small: 'd',
},
theme,
});
expect(result).toEqual({
__PROPERTY_NAME__: 'a',
[theme.breakpoints.large]: {
__PROPERTY_NAME__: 'b',
},
[theme.breakpoints.medium]: {
__PROPERTY_NAME__: 'c',
},
[theme.breakpoints.small]: {
__PROPERTY_NAME__: 'd',
},
});
});
});