tailwindcss/tests/defineClass.test.js

var postcss = require('postcss')
var fs = require('fs')
var _ = require('lodash')
var defineClass = require('../src/util/define-class')

var flexHelper = `.flex {
    display: flex
}`

var inlineBlock = `.inline-block {
    display: inline-block
}`

var inlineFlexHelper = `.inline-flex {
    display: inline-flex
}`

var backgroundColor = `.bg-1 {
    background-color: black
}`

/**
 * 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: 'black'})
    expect(output.toString()).toEqual(backgroundColor)
})

it('generates a rule with a kebab-case value', () => {
    let output = defineClass('inline-flex', {display: 'inlineFlex'})
    expect(output.toString()).toEqual(inlineFlexHelper)
})