simple css test cases

Author: mightyaleksey

.gitignore

@@ -28,6 +28,3 @@ node_modules/*
 
 # added automatically by precommit-hook as defaults
 .jshint*
-
-dist/
-!node_modules/awesome-theme

test/demo.css

@@ -0,0 +1,3 @@
+{
+  "foo": "_test_tokens_cases_compose_node_module_source__foo _node_modules_awesome_theme_common__paragraph _node_modules_awesome_theme_oceanic__color"
+}

test/tokens/cases/compose-node-module/expected.json

@@ -0,0 +1,4 @@
+.foo
+{
+  composes: paragraph from 'awesome-theme/common.css';
+}

test/tokens/cases/compose-node-module/source.css

@@ -0,0 +1,4 @@
+.text
+{
+  color: #333;
+}

test/tokens/cases/multiple-dependencies/colors.css

@@ -0,0 +1,3 @@
+{
+  "article": "_test_tokens_cases_multiple_dependencies_source__article _test_tokens_cases_multiple_dependencies_colors__text _test_tokens_cases_multiple_dependencies_fonts__medium _test_tokens_cases_multiple_dependencies_margins__mediumBottom _test_tokens_cases_multiple_dependencies_margins__mediumTop"
+}

test/tokens/cases/multiple-dependencies/expected.json

@@ -0,0 +1,5 @@
+.medium
+{
+  font-family: helvetica;
+  font-size: 13px;
+}

test/tokens/cases/multiple-dependencies/fonts.css

@@ -0,0 +1,9 @@
+.mediumBottom
+{
+  margin-bottom: 20px;
+}
+
+.mediumTop
+{
+  margin-top: 20px;
+}

test/tokens/cases/multiple-dependencies/margins.css

@@ -0,0 +1,6 @@
+.article
+{
+  composes: text from './colors.css';
+  composes: medium from './fonts.css';
+  composes: mediumBottom mediumTop from './margins.css';
+}

test/tokens/cases/multiple-dependencies/source.css

@@ -0,0 +1,45 @@
+const basename = require('path').basename;
+const readdirSync = require('fs').readdirSync;
+const readFileSync = require('fs').readFileSync;
+const resolve = require('path').resolve;
+
+/**
+ * @param {string} testCase
+ */
+function describeTest(testCase) {
+  const source = readfile(testCase, 'source.css');
+  if (source === null) {
+    return;
+  }
+
+  test(basename(testCase), () => {
+    const expected = JSON.parse(readfile(testCase, 'expected.json'));
+    assert.deepEqual(require(resolve(testCase, 'source.css')), expected);
+  });
+}
+
+/**
+ * @param  {string} dir
+ * @return {string[]}
+ */
+function readdir(dir) {
+  return readdirSync(resolve(__dirname, dir))
+    .map(nesteddir => resolve(__dirname, dir, nesteddir));
+}
+
+/**
+ * @param  {...string} file
+ * @return {string|null}
+ */
+function readfile(file) {
+  try {
+    return readFileSync(resolve.apply(null, arguments), 'utf8');
+  } catch(e) {
+    return null;
+  }
+}
+
+suite('tokens', () => {
+  setup(() => hook({}));
+  readdir('./cases').forEach(describeTest);
+});