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

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: #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)
})