feat(tests): make karma optional

use mocha by default
add babel-register
fix regex of test files
add glob

Author: albizures

bin/index.js

@@ -2,7 +2,7 @@
 
 process.env.DEBUG = 'pixore:front-scripts, pixore:error'
 
-const {input} = require('parse-cmd-args')()
+const { input } = require('parse-cmd-args')()
 const debug = require('debug')('pixore:front-scripts')
 
 switch (input) {

jsconfig.json

@@ -0,0 +1,16 @@
+{
+  // See http://go.microsoft.com/fwlink/?LinkId=759670
+  // for the documentation about the jsconfigon format
+  "compilerOptions": {
+    "module": "es6",
+    "target": "es6",
+    "noLib": true
+  },
+  "exclude": [
+    "node_modules",
+    "bower_components",
+    "jspm_packages",
+    "tmp",
+    "temp"
+  ]
+}

package.json

@@ -23,6 +23,7 @@
     "babel-plugin-transform-object-rest-spread": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
+    "babel-register": "^6.24.1",
     "bluebird": "^3.5.0",
     "chalk": "^1.1.3",
     "connect-history-api-fallback": "^1.3.0",
@@ -33,6 +34,7 @@
     "exports-loader": "^0.6.4",
     "extract-text-webpack-plugin": "^2.1.2",
     "file-loader": "^0.11.2",
+    "glob": "^7.1.2",
     "html-webpack-plugin": "^2.28.0",
     "image-webpack-loader": "^3.3.1",
     "imports-loader": "^0.7.1",

src/config/babelrc.js

@@ -1,4 +1,6 @@
 
+const { isTest } = require('./environment')
+
 module.exports = {
   plugins: [
     require.resolve('babel-plugin-transform-object-rest-spread'),
@@ -8,7 +10,7 @@ module.exports = {
     [
       require.resolve('babel-preset-es2015'),
       {
-        'modules': false
+        'modules': isTest ? 'commonjs' : true
       }
     ],
     require.resolve('babel-preset-react')

src/config/karma.conf.js

@@ -4,6 +4,11 @@ const webpackConfig = require('./webpack.config')
 
 webpackConfig.devtool = 'cheap-module-source-map'
 webpackConfig.watch = true
+Object.assign(webpackConfig.externals, {
+  'react/lib/ExecutionEnvironment': true,
+  'react/addons': true,
+  'react/lib/ReactContext': 'window'
+})
 
 const testPath = require.resolve('./tests.webpack.js')
 module.exports = config => {

src/config/tests.webpack.js

@@ -1,4 +1,4 @@
 
-const context = require.context(process.env.pwd, true, /.+(__tests__\/).+\.spec\.js?$/)
+const context = require.context(process.env.pwd, true, /src\/.+(\/__tests__\/).+\.spec\.js?$/)
 
 context.keys().forEach(context)

src/config/webpack.config.js

@@ -21,15 +21,10 @@ const plugins = [
 let devtool
 let entry
 let devServer
-const externals = []
+const externals = {}
 
 const modules = {
   rules: [{
-    test: /\.js$/,
-    loader: 'eslint-loader',
-    enforce: 'pre',
-    exclude: /node_modules|webpackHotDevClient/
-  }, {
     test: /\.js$/,
     exclude: /node_modules/,
     loader: 'babel-loader',
@@ -83,6 +78,28 @@ const output = {
   filename: isProd ? '[name].[chunkhash].js' : 'build.js'
 }
 
+if (isDev) {
+  modules.rules = [{
+    test: /\.js$/,
+    loader: 'eslint-loader',
+    enforce: 'pre',
+    exclude: /node_modules|webpackHotDevClient/
+  }].concat(modules.rules)
+  plugins.push(
+    new webpack.LoaderOptionsPlugin({
+      test: /\.js$/,
+      options: {
+        eslint: {
+          options: {
+            cacheDirectory: true,
+            configFile: ESLINT_PATH
+          }
+        }
+      }
+    })
+  )
+}
+
 if (isProd) {
   entry = {
     index: APP_PATH
@@ -115,17 +132,6 @@ if (isProd) {
   ]
   devtool = 'source-map'
   plugins.push(
-    new webpack.LoaderOptionsPlugin({
-      test: /\.js$/,
-      options: {
-        eslint: {
-          options: {
-            cacheDirectory: true,
-            configFile: ESLINT_PATH
-          }
-        }
-      }
-    }),
     new HtmlWebpackPlugin({
       title: 'Pixore',
       filename: 'index.html',

src/scripts/test.js

@@ -1,18 +1,35 @@
 process.env.NODE_ENV = 'test'
-
+const glob = require('glob')
+const { flags } = require('parse-cmd-args')()
+const Mocha = require('mocha')
 const Server = require('karma').Server
 const debug = require('debug')('pixore:front-scripts')
 
+const babelConfig = require('../config/babelrc.js')
 const { validStructure } = require('../utils')
 const karmaConfig = require.resolve('../config/karma.conf.js')
 
 validStructure()
 
-const server = new Server({
-  configFile: karmaConfig
-}, (exitCode) => {
-  debug('Karma has exited with ' + exitCode)
-  process.exit(exitCode)
-})
+const withKarma = flags['--karma']
 
-server.start()
+if (withKarma) {
+  const server = new Server({
+    configFile: karmaConfig
+  }, (exitCode) => {
+    debug('Karma has exited with ' + exitCode)
+    process.exit(exitCode)
+  })
+  server.start()
+} else {
+  require('babel-register')(babelConfig)
+  const mocha = new Mocha()
+  glob('src/**/__tests__/*.spec.js', function (err, files) {
+    if (err) {
+      debug(err)
+      process.exit(1)
+    }
+    files.forEach((file) => mocha.addFile(file))
+    mocha.run(failures => process.on('exit', () => process.exit(failures)))
+  })
+}