Test utilities can be added without specifying variants

This commit is contained in:
Adam Wathan 2018-03-02 08:11:39 -05:00
parent 64d2176363
commit 87b291a258
2 changed files with 23 additions and 1 deletions

View file

@ -314,3 +314,25 @@ test('the "@" sign is optional in at-rules', () => {
}
`)
})
test('variants are optional when adding utilities', () => {
const [components, utilities] = processPlugins({
plugins: [
function ({ rule, addUtilities }) {
addUtilities([
rule('.border-collapse', {
'border-collapse': 'collapse'
})
])
}
],
})
expect(css(utilities)).toMatchCss(`
@variants {
.border-collapse {
border-collapse: collapse
}
}
`)
})

View file

@ -35,7 +35,7 @@ export default function(config) {
rule: defineRule,
atRule: defineAtRule,
e: escapeClassName,
addUtilities: (utilities, variants) => {
addUtilities: (utilities, variants = []) => {
pluginUtilities.push(wrapWithVariants(utilities, variants))
},
addComponents: components => {