init test

Author: leozdgao

karma.conf.js

@@ -0,0 +1,86 @@
+// Karma configuration
+
+const webpack = require('webpack')
+
+module.exports = function (config) {
+  config.set({
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: './',
+
+
+    // frameworks to use
+    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: [ 'mocha', 'chai' ],
+
+
+    // list of files / patterns to load in the browser
+    files: [
+      'tests.webpack.js'
+    ],
+
+    // list of files to exclude
+    exclude: [
+    ],
+
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+      'tests.webpack.js': [ 'webpack', 'sourcemap' ]
+    },
+
+    webpack: {
+      devtool: 'inline-source-map',
+      module: {
+        loaders: [
+          { test: /\.js$/, exclude: /node_modules/, loader: 'babel' }
+        ]
+      },
+      plugins: [
+        new webpack.DefinePlugin({
+          'process.env.NODE_ENV': JSON.stringify('test')
+        })
+      ]
+    },
+
+    webpackMiddleware: {
+      noInfo: true
+    },
+
+    // test results reporter to use
+    // possible values: 'dots', 'progress'
+    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    reporters: [ 'mocha' ],
+
+    // web server port
+    port: 9876,
+
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+    logLevel: config.LOG_INFO,
+
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: false,
+
+
+    // start these browsers
+    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: [ 'PhantomJS' ],
+
+
+    // Continuous Integration mode
+    // if true, Karma captures browsers, runs the tests and exits
+    singleRun: true,
+
+    // Concurrency level
+    // how many browser should be started simultaneous
+    concurrency: Infinity
+  })
+}

module/__tests__/index.test.js

@@ -5,7 +5,8 @@
   "main": "lib/index.js",
   "scripts": {
     "build": "babel module --out-dir lib",
-    "prepublish": "npm run build"
+    "prepublish": "npm run build",
+    "test": "karma start"
   },
   "repository": {
     "type": "git",
@@ -29,16 +30,30 @@
     "babel-cli": "^6.1.18",
     "babel-eslint": "^4.1.5",
     "babel-jest": "^9.0.3",
+    "babel-loader": "~6.2.4",
     "babel-plugin-syntax-class-properties": "^6.1.18",
     "babel-plugin-transform-class-properties": "^6.1.20",
     "babel-preset-es2015": "^6.1.18",
     "babel-preset-react": "^6.1.18",
     "babel-preset-stage-0": "^6.1.18",
+    "chai": "~3.5.0",
     "eslint": "^1.9.0",
     "jest-cli": "^0.9.2",
+    "karma": "~0.13.22",
+    "karma-chai": "~0.1.0",
+    "karma-chrome-launcher": "~0.2.3",
+    "karma-mocha": "~0.2.2",
+    "karma-mocha-reporter": "~2.0.0",
+    "karma-phantomjs-launcher": "~1.0.0",
+    "karma-sourcemap-loader": "~0.3.7",
+    "karma-webpack": "~1.7.0",
+    "mocha": "~2.4.5",
+    "phantomjs-prebuilt": "~2.1.7",
     "react": "^0.14.7",
     "react-addons-test-utils": "^0.14.7",
-    "react-dom": "^0.14.7"
+    "react-dom": "^0.14.7",
+    "sinon": "~1.17.3",
+    "webpack": "~1.12.14"
   },
   "dependencies": {
     "hoist-non-react-statics": "^1.0.3"

package.json

@@ -1,6 +1,6 @@
 import React, { Component, PropTypes as T } from 'react'
 import hoistStatics from 'hoist-non-react-statics'
-import { isDefined, newScript, series } from './utils'
+import { isDefined, newScript, series, noop } from './utils'
 
 const loadedScript = []
 let failedScript = []
@@ -32,7 +32,7 @@ const scriptLoader = (...scripts) => (WrappedComponent) => {
     };
 
     static defaultProps = {
-      onScriptLoaded: () => {}
+      onScriptLoaded: noop
     };
 
     constructor (props, context) {

module/index.js renamed to src/index.js

@@ -1,7 +1,6 @@
 export const isDefined = val => val != null
-export const isFunction = val => {
-  return typeof val === 'function'
-}
+export const isFunction = val => typeof val === 'function'
+export const noop = _ => { }
 
 export const newScript = (src) => (cb) => {
   const script = document.createElement('script')

module/utils.js renamed to src/utils.js

@@ -0,0 +1,19 @@
+const { newScript, parallel, series } = require('../src/utils')
+
+describe('Test util functions', _ => {
+
+  it('[utils/newScript] A thunk task, append new script tag', function (done) {
+    const testScript = '//cdn.bootcss.com/jquery/2.2.1/jquery.min.js'
+    const task = newScript(testScript)
+
+    task(function (err, src) {
+      const tag = document.querySelector(`script[src='${testScript}']`)
+
+      expect(err).to.not.exist
+      expect(src).to.equal(testScript)
+      expect(tag).to.exist
+
+      done()
+    })
+  })
+})

test/index.spec.js

@@ -0,0 +1,4 @@
+// require all modules ending in ".spec.js" from the
+// current directory and all subdirectories
+var testsContext = require.context("./test", true, /\.spec\.js$/)
+testsContext.keys().forEach(testsContext)