fix(tests): add karma modulesify settings

Author: Walker Leite

template/package.json

@@ -63,6 +63,7 @@
     "karma-chrome-launcher": "^2.2.0",
     "mocha": "^3.4.2",
     "sinon": "^2.3.8",
+    "tmp": "0.0.33",
     "vinyl-buffer": "^1.0.0",
     "vinyl-source-stream": "^1.1.0",
     "vueify": "^9.4.1",

template/test/karma.conf.js

@@ -1,8 +1,13 @@
 import babelify from 'babelify';
 import vueify from 'vueify';
+import modulesify from 'css-modulesify';
+import tmp from 'tmp';
 import { dirs } from '../gulp-tasks/config';
 import { customSass } from '../gulp-tasks/compilers.js';
 
+const cssBundleFile = tmp.fileSync();
+const cssStream = fs.createWriteStream(cssBundleFile.name);
+
 export default (config) => {
   vueify.compiler.applyConfig({
     sass: {
@@ -21,9 +26,25 @@ export default (config) => {
     preprocessors: {
       '**/*.js': ['browserify'],
     },
+    files: [
+      cssBundleFile.name,
+    ],
     browserify: {
+      output: cssBundleFile.name,
       debug: true,
       transform: [babelify, vueify],
+      plugin: [[modulesify, {
+        global: true,
+        generateScopedName: function (name, filename) {
+          var matches = filename.match(/^\/node_modules/);
+          if (matches) return name;
+          if (process.env.NODE_ENV === 'production') {
+            return modulesify.generateShortName(name, filename);
+          } else {
+            return modulesify.generateLongName(name, filename);
+          }
+        },
+      }]],
     },
   });
 };