simple test cases

Author: joshwnj

.travis.yml

@@ -0,0 +1,6 @@
+sudo: false
+language: node_js
+node_js:
+  - "0.10"
+  - "0.12"
+  - "iojs"

README.md

@@ -1,5 +1,7 @@
 # css-modulesify
 
+[![Build Status](https://travis-ci.org/css-modules/css-modulesify.svg?branch=master)](https://travis-ci.org/css-modules/css-modulesify)
+
 A browserify transform to load [CSS Modules].
 
 [CSS Modules]: https://github.com/css-modules/css-modules

package.json

@@ -9,9 +9,13 @@
     "string-hash": "^1.1.0",
     "through": "^2.3.7"
   },
-  "devDependencies": {},
+  "devDependencies": {
+    "browserify": "^11.0.1",
+    "proxyquire": "^1.6.0",
+    "tape": "^4.0.1"
+  },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "tape tests/*.js"
   },
   "author": "joshwnj",
   "license": "MIT",

tests/cases/import-and-compose/expected.css

@@ -0,0 +1,6 @@
+._styles_2__bar {
+  background: #BAA;
+}
+._styles_1__foo {
+  color: #F00;
+}

tests/cases/import-and-compose/main.js

@@ -0,0 +1 @@
+require('./styles-1.css');

tests/cases/import-and-compose/styles-1.css

@@ -0,0 +1,4 @@
+.foo {
+  composes: bar from "./styles-2.css";
+  color: #F00;
+}

tests/cases/import-and-compose/styles-2.css

@@ -0,0 +1,3 @@
+.bar {
+  background: #BAA;
+}

tests/cases/simple/expected.css

@@ -0,0 +1,3 @@
+._styles__foo {
+  color: #F00;
+}

tests/cases/simple/main.js

@@ -0,0 +1,2 @@
+var styles = require('./styles.css');
+module.exports = styles;

tests/cases/simple/styles.css

@@ -0,0 +1,3 @@
+.foo {
+  color: #F00;
+}

tests/index.js

@@ -0,0 +1,47 @@
+var tape = require('tape');
+
+var browserify = require('browserify');
+var proxyquire = require('proxyquire');
+var fs = require('fs');
+var path = require('path');
+
+var casesDir = path.join(__dirname, 'cases');
+var cssOutFilename = 'out.css';
+
+// test cases are expected to have:
+// - main.js (entry point)
+// - expected.css (what to expect from css-modulesify output)
+fs.readdirSync(path.join(__dirname, 'cases')).forEach(runTestCase);
+
+function runTestCase (dir) {
+  tape('case: ' + dir, function (t) {
+    var fakeFs = {
+      writeFile: function (filename, content, cb) {
+        var expected = fs.readFileSync(path.join(casesDir, dir, 'expected.css'), 'utf8');
+
+        t.equal(filename, cssOutFilename, 'correct output filename');
+        t.equal(content, expected, 'output matches expected');
+        cb();
+      }
+    };
+
+    var cssModulesify = proxyquire('../', {
+      fs: fakeFs
+    });
+
+    var b = browserify();
+    b.add(path.join(casesDir, dir, 'main.js'));
+    b.plugin(cssModulesify, {
+      output: cssOutFilename
+    });
+
+    b.bundle(function (err, buf) {
+      if (err) {
+        console.error(err);
+        return t.fail('Unexpected error');
+      }
+
+      t.end();
+    });
+  });
+}

tests/src/main.js

@@ -0,0 +1,2 @@
+var styles = require('./styles.css');
+module.exports = styles;