opdavies/tailwindcss-plugin-jest-example
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add test for classes with variants

Browse source
This commit is contained in:
Oliver Davies 2019-04-11 20:59:01 +01:00
parent 8e4de76a01
commit 73485e6d3d
1 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
test.js
View file

@ -11,11 +11,11 @@ const disableCorePlugins = () => {
}) })
} }
const generatePluginCss = () => { const generatePluginCss = (options = {}) => {
return postcss( return postcss(
tailwindcss({ tailwindcss({
corePlugins: disableCorePlugins(), corePlugins: disableCorePlugins(),
plugins: [plugin()] plugins: [plugin(options)]
}) })
) )
.process('@tailwind utilities;', { .process('@tailwind utilities;', {
@ -30,7 +30,7 @@ expect.extend({
toMatchCss: cssMatcher toMatchCss: cssMatcher
}) })
test('it generates classes', () => { test('it generates the correct classes with no variants', () => {
return generatePluginCss().then(css => { return generatePluginCss().then(css => {
expect(css).toMatchCss(` expect(css).toMatchCss(`
.test { .test {
@ -39,3 +39,21 @@ test('it generates classes', () => {
`) `)
}) })
}) })
test('it generates the correct classes with variants', () => {
return generatePluginCss({ variants: ['hover', 'focus'] }).then(css => {
expect(css).toMatchCss(`
.test {
display: block;
}
.hover\\:test:hover {
display: block;
}
.focus\\:test:focus {
display: block;
}
`)
})
})