mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
39 lines
917 B
JavaScript
39 lines
917 B
JavaScript
import postcss from 'postcss'
|
|
import fs from 'fs'
|
|
import _ from 'lodash'
|
|
import defineClass from '../src/util/defineClass'
|
|
|
|
let flexHelper = `.flex {
|
|
display: flex
|
|
}`
|
|
|
|
let inlineBlock = `.inline-block {
|
|
display: inline-block
|
|
}`
|
|
|
|
let inlineFlexHelper = `.inline-flex {
|
|
display: inline-flex
|
|
}`
|
|
|
|
let backgroundColor = `.bg-1 {
|
|
background-color: #bada55
|
|
}`
|
|
|
|
/**
|
|
* Tests
|
|
*/
|
|
it('creates a proper single-word class with rules', () => {
|
|
let output = defineClass('flex', {display: 'flex'})
|
|
expect(output.toString()).toEqual(flexHelper)
|
|
})
|
|
|
|
it('generates a rule with a kebab-case selector', () => {
|
|
let output = defineClass('inlineBlock', {display: 'inline-block'})
|
|
expect(output.toString()).toEqual(inlineBlock)
|
|
})
|
|
|
|
it('generates a rule with a kebab-case property name', () => {
|
|
let output = defineClass('bg-1', {backgroundColor: '#bada55'})
|
|
expect(output.toString()).toEqual(backgroundColor)
|
|
})
|