simple test cases

joshwnj · joshwnj · commit 3cde4045c14a · 2015-08-03T16:08:36.000+10:00
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,6 @@
+sudo: false
+language: node_js
+node_js:
+  - "0.10"
+  - "0.12"
+  - "iojs"
diff --git a/README.md b/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
diff --git a/package.json b/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",
diff --git a/tests/cases/import-and-compose/expected.css b/tests/cases/import-and-compose/expected.css
@@ -0,0 +1,6 @@
+._styles_2__bar {
+  background: #BAA;
+}
+._styles_1__foo {
+  color: #F00;
+}
diff --git a/tests/cases/import-and-compose/main.js b/tests/cases/import-and-compose/main.js
@@ -0,0 +1 @@
+require('./styles-1.css');
diff --git a/tests/cases/import-and-compose/styles-1.css b/tests/cases/import-and-compose/styles-1.css
@@ -0,0 +1,4 @@
+.foo {
+  composes: bar from "./styles-2.css";
+  color: #F00;
+}
diff --git a/tests/cases/import-and-compose/styles-2.css b/tests/cases/import-and-compose/styles-2.css
@@ -0,0 +1,3 @@
+.bar {
+  background: #BAA;
+}
diff --git a/tests/cases/simple/expected.css b/tests/cases/simple/expected.css
@@ -0,0 +1,3 @@
+._styles__foo {
+  color: #F00;
+}
diff --git a/tests/cases/simple/main.js b/tests/cases/simple/main.js
@@ -0,0 +1,2 @@
+var styles = require('./styles.css');
+module.exports = styles;
diff --git a/tests/cases/simple/styles.css b/tests/cases/simple/styles.css
@@ -0,0 +1,3 @@
+.foo {
+  color: #F00;
+}
diff --git a/tests/index.js b/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();
+    });
+  });
+}
diff --git a/tests/src/main.js b/tests/src/main.js
@@ -0,0 +1,2 @@
+var styles = require('./styles.css');
+module.exports = styles;

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +.foo {
 +  composes: bar from "./styles-2.css";
 +  color: #F00;
 +}
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.bar {`
	`2`	`+ background: #BAA;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+._styles__foo {`
	`2`	`+ color: #F00;`
	`3`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+var styles = require('./styles.css');`
	`2`	`+module.exports = styles;`