wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add test for negative custom properties

Browse source
This commit is contained in:
Ari Seyhun 2019-08-01 13:16:11 +09:30
parent c3075d97fe
commit 03b73b135d
1 changed files with 60 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
__tests__/resolveConfig.test.js
View file

@ -1130,3 +1130,63 @@ test('the original theme is not mutated', () => {
},
})
})
test('custom properties are multiplied by -1 for negative values', () => {
const userConfig = {
theme: {
spacing: {
'1': '1px',
'2': '2px',
'3': '3px',
'4': '4px',
foo: 'var(--foo)',
bar: 'var(--bar, 500px)',
},
margin: (theme, { negative }) => ({
...theme('spacing'),
...negative(theme('spacing')),
}),
},
}
const defaultConfig = {
prefix: '-',
important: false,
separator: ':',
theme: {},
variants: {},
}
const result = resolveConfig([userConfig, defaultConfig])
expect(result).toEqual({
prefix: '-',
important: false,
separator: ':',
theme: {
spacing: {
'1': '1px',
'2': '2px',
'3': '3px',
'4': '4px',
foo: 'var(--foo)',
bar: 'var(--bar, 500px)',
},
margin: {
'1': '1px',
'2': '2px',
'3': '3px',
'4': '4px',
foo: 'var(--foo)',
bar: 'var(--bar, 500px)',
'-1': '-1px',
'-2': '-2px',
'-3': '-3px',
'-4': '-4px',
'-foo': 'calc(var(--foo) * -1)',
'-bar': 'calc(var(--bar, 500px) * -1)',
},
},
variants: {},
})
})