mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
import invokePlugin from '../util/invokePlugin'
|
|
import plugin from '../../src/plugins/divideWidth'
|
|
|
|
test('generating divide width utilities', () => {
|
|
const config = {
|
|
theme: {
|
|
divideWidth: {
|
|
default: '1px',
|
|
'2': '2px',
|
|
'4': '4px',
|
|
'8': '8px',
|
|
},
|
|
},
|
|
variants: {
|
|
divideWidth: ['responsive'],
|
|
},
|
|
}
|
|
|
|
const { utilities } = invokePlugin(plugin(), config)
|
|
|
|
expect(utilities).toEqual([
|
|
[
|
|
[
|
|
{
|
|
'.divide-y-2 > * + *': { 'border-top-width': '2px' },
|
|
'.divide-x-2 > * + *': { 'border-left-width': '2px' },
|
|
},
|
|
{
|
|
'.divide-y-4 > * + *': { 'border-top-width': '4px' },
|
|
'.divide-x-4 > * + *': { 'border-left-width': '4px' },
|
|
},
|
|
{
|
|
'.divide-y-8 > * + *': { 'border-top-width': '8px' },
|
|
'.divide-x-8 > * + *': { 'border-left-width': '8px' },
|
|
},
|
|
{
|
|
'.divide-y > * + *': { 'border-top-width': '1px' },
|
|
'.divide-x > * + *': { 'border-left-width': '1px' },
|
|
},
|
|
],
|
|
['responsive'],
|
|
],
|
|
])
|
|
})
|