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 }`)
})