tailwindcss/__tests__/defineClass.test.js
Adam Wathan 000eefd609 Don't change case of class names
This is unfortunate but it totally fucks up things that have numbers in
them.
2017-08-27 18:02:41 -04:00

24 lines
781 B
JavaScript

import postcss from 'postcss'
import fs from 'fs'
import _ from 'lodash'
import c from '../src/util/collapseWhitespace'
import defineClass from '../src/util/defineClass'
/**
* Tests
*/
it('creates a proper single-word class with rules', () => {
let output = defineClass('flex', {display: 'flex'})
expect(c(output.toString())).toEqual(`.flex { display: flex }`)
})
it('does not modify the case of selector names', () => {
let output = defineClass('inlineBlock', {display: 'inline-block'})
expect(c(output.toString())).toEqual(`.inlineBlock { display: inline-block }`)
})
it('converts property names to kebab-case', () => {
let output = defineClass('bg-1', {backgroundColor: '#bada55'})
expect(c(output.toString())).toEqual(`.bg-1 { background-color: #bada55 }`)
})