styled-jsx/test/index.js

Full, scoped and component-friendly CSS support for JSX (SSR+browser)

import test from 'ava'
import path from 'path'
import read from './_read'
import plugin from '../babel'
import { transformFile } from 'babel-core'

const transform = (file) => (
  new Promise((resolve, reject) => {
    transformFile(path.resolve(__dirname, file), {
      plugins: [
        plugin
      ]
    }, function (err, data) {
      if (err) return reject(err)
      resolve(data)
    })
  })
)

test('works with stateless', async (t) => {
  const { code } = await transform('./fixtures/stateless.js')
  const out = await read('./fixtures/stateless.out.js')
  t.is(code, out.trim())
})

test('works with class', async (t) => {
  const { code } = await transform('./fixtures/class.js')
  const out = await read('./fixtures/class.out.js')
  t.is(code, out.trim())
})

test('ignores when attribute is absent', async (t) => {
  const { code } = await transform('./fixtures/absent.js')
  const out = await read('./fixtures/absent.out.js')
  t.is(code, out.trim())
})