test.js

import test from 'ava';
import requireFromString from 'require-from-string';
import fs from 'fs';
import {
  buildDefault,
  buildWithParser,
  buildWithCssModules,
  buildCombinedStyles,
  buildWithExport
} from './tests/build';

test('test postcss', async t => {
  const data = await buildDefault().catch(err => console.log(err.stack));
  requireFromString(data);
  const styles = window.getComputedStyle(document.body);
  t.is(styles.margin, '0px');
});

test('use sugarss as parser', async t => {
  const data = await buildWithParser().catch(err => console.log(err.stack));
  requireFromString(data);
  const styles = window.getComputedStyle(document.body);
  t.is(styles.fontSize, '20px');
});

test('use cssmodules', async t => {
  const data = await buildWithCssModules().catch(err => console.log(err.stack));
  const exported = requireFromString(data);
  t.regex(exported.trendy, /trendy_/);
});

test('combine styles', async t => {
  const data = await buildCombinedStyles().catch(err => console.log(err.stack));
  requireFromString(data);
  const styles = window.getComputedStyle(document.body);
  t.is(styles.margin, '0px');
  t.is(styles.fontSize, '20px');
})

test('extract styles', async t => {
  const data = await buildWithExport().catch(err => console.log(err.stack));
  const extractedStyles = fs.readFileSync('./tests/output_extract.css');
  t.regex(extractedStyles, /color: hotpink;/);
})