test

Author: tangjinzhou

test/css-flat.config.js

@@ -0,0 +1,2 @@
+
+module.exports = { plugins: [] }

test/helpers.js

@@ -0,0 +1,95 @@
+require("should");
+var cssLoader = require("css-loader/index.js");
+var vm = require("vm");
+var flatLoader = require('../src/loader');
+var clone = require('lodash/clone')
+
+function getEvaluated(output, modules) {
+    try {
+        var fn = vm.runInThisContext("(function(module, exports, require) {" + output + "})", "testcase.js");
+        var m = {exports: {}, id: 1};
+        fn(m, m.exports, function (module) {
+            if (module.indexOf("css-base") >= 0)
+                return require("css-loader/lib/css-base");
+            if (module.indexOf("-!/path/css-loader!") === 0)
+                module = module.substr(19);
+            if (modules && modules[module])
+                return modules[module];
+            return "{" + module + "}";
+        });
+    } catch (e) {
+        console.error(output); // eslint-disable-line no-console
+        throw e;
+    }
+    delete m.exports.toString;
+    delete m.exports.i;
+    return m.exports;
+}
+
+function runLoader(loader, input, map, addOptions, callback) {
+    var tempCallback = function (err, output) {
+        callback(err, output)
+        flatLoader.call({
+            options: {
+                context: ""
+            },
+            callback: function () {
+            },
+            async: function (res) {
+                return () => {
+                }
+            },
+            loaders: [{request: "/path/css-loader"}],
+            loaderIndex: 0,
+            context: "",
+            resource: "test.css",
+            resourcePath: "test.css",
+            request: "css-loader!test.css",
+            emitError: function (message) {
+                throw new Error(message);
+            }
+        }, clone(output), map);
+    }
+    var opt = {
+        options: {
+            context: ""
+        },
+        callback: tempCallback,
+        async: function () {
+            return tempCallback;
+        },
+        loaders: [{request: "/path/css-loader"}],
+        loaderIndex: 0,
+        context: "",
+        resource: "test.css",
+        resourcePath: "test.css",
+        request: "css-loader!test.css",
+        emitError: function (message) {
+            throw new Error(message);
+        }
+    };
+    Object.keys(addOptions).forEach(function (key) {
+        opt[key] = addOptions[key];
+    });
+    loader.call(opt, input, map);
+}
+
+exports.testSingleItem = function testSingleItem(name, input, result, query, modules) {
+    it(name, function (done) {
+        runLoader(cssLoader, input, undefined, {
+            query: query
+        }, function (err, output) {
+
+            if (err) return done(err);
+            var exports = getEvaluated(output, modules);
+            /*Array.isArray(exports).should.be.eql(true);
+             (exports.length).should.be.eql(1);
+             (exports[0].length >= 3).should.be.eql(true);
+             (exports[0][0]).should.be.eql(1);
+             (exports[0][2]).should.be.eql("");
+             (exports[0][1]).should.be.eql(result);*/
+            done();
+        });
+    });
+};
+

test/moduleMinimizeTest.js

@@ -0,0 +1,24 @@
+/*globals describe */
+
+var test = require("./helpers").testSingleItem;
+
+var path = require("path");
+var fs = require("fs");
+var testCasesPath = path.join(__dirname, "moduleMinimizeTestCases");
+var testCases = fs.readdirSync(testCasesPath);
+
+describe("module minimize", function() {
+	testCases.forEach(function(name) {
+		var source = fs.readFileSync(path.join(testCasesPath, name, "source.css"), "utf-8");
+		var expected = fs.readFileSync(path.join(testCasesPath, name, "expected.css"), "utf-8");
+
+		test(name, source, expected, '?' + JSON.stringify({
+        module: true,
+        sourceMap: true,
+        minimize: {
+          discardComments: false
+        },
+        localIdentName: '_[local]_'
+      }));
+	});
+});

test/moduleMinimizeTestCases/keyframes-and-animation/expected.css

@@ -0,0 +1,3 @@
+@keyframes _bounce_{0%{transform:translateY(-100%);opacity:0}5%{transform:translateY(-50%);opacity:1}}@keyframes _bounce2_{0%{transform:translateY(-100%);opacity:0}50%{transform:translateY(-50%);opacity:1}}
+
+/* comment */._bounce_{animation-name:_bounce_;animation:_bounce2_ 1s ease;z-index:1442}

test/moduleMinimizeTestCases/keyframes-and-animation/source.css

@@ -0,0 +1,28 @@
+@keyframes bounce {
+	0% {
+		transform: translateY(-100%);
+		opacity: 0;
+	}
+	5% {
+		transform: translateY(-50%);
+		opacity: 1;
+	}
+}
+
+@keyframes bounce2 {
+	0% {
+		transform: translateY(-100%);
+		opacity: 0;
+	}
+	50% {
+		transform: translateY(-50%);
+		opacity: 1;
+	}
+}
+
+/* comment */
+.bounce {
+	animation-name: bounce;
+	animation: bounce2 1s ease;
+	z-index: 1442;
+}

test/moduleTest.js

@@ -0,0 +1,17 @@
+/*globals describe */
+
+var test = require("./helpers").testSingleItem;
+
+var path = require("path");
+var fs = require("fs");
+var testCasesPath = path.join(__dirname, "moduleTestCases");
+var testCases = fs.readdirSync(testCasesPath);
+
+describe("module", function() {
+	testCases.forEach(function(name) {
+		var source = fs.readFileSync(path.join(testCasesPath, name, "source.css"), "utf-8");
+		var expected = fs.readFileSync(path.join(testCasesPath, name, "expected.css"), "utf-8");
+
+		test(name, source, expected, "?module&sourceMap&localIdentName=_[local]_");
+	});
+});

test/moduleTestCases/class-names/colors.css

@@ -0,0 +1,3 @@
+@value blue: #0c77f8;
+@value red: #ff0000;
+@value green: #aaf200;

test/moduleTestCases/class-names/expected.css

@@ -0,0 +1,6 @@
+._class-1_, ._class-10_ ._bar-1_ {
+	color: green;
+}
+.im{
+    color: aliceblue;
+}

test/moduleTestCases/class-names/source.css

@@ -0,0 +1,3 @@
+.title{
+    background: #ffffff url("http://img.alicdn.com/tps/TB1ld1GNFXXXXXLapXXXXXXXXXX-200-200.png");
+}