mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
39 lines
941 B
JavaScript
39 lines
941 B
JavaScript
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)
|
|
})
|