test: added karma local and ci (material-components#7)

Author: Matty Goo

.gitignore

@@ -2,3 +2,4 @@ coverage
 .idea
 node_modules
 .DS_Store
+*.iml

karma.ci.js

@@ -0,0 +1,9 @@
+const karmaConfig = require('./scripts/karma/config');
+
+// enable ChromeHeadless Browser
+process.env.CHROME_BIN = require('puppeteer').executablePath();
+
+module.exports = function(config) {
+  karmaConfig.browsers = ['ChromeHeadless'];
+  config.set(karmaConfig);
+};

karma.conf.js

@@ -0,0 +1,6 @@
+const karmaConfig = require('./scripts/karma/config');
+
+module.exports = function(config) {
+  karmaConfig.browsers = ['Chrome'];
+  config.set(karmaConfig);
+};

karma.local.js

@@ -12,8 +12,9 @@
     "pretest": "npm run lint && npm stop && ./test/screenshot/start.sh",
     "test": "npm run test:unit && npm run test:image-diff",
     "posttest": "npm stop && istanbul report --root coverage text-summary && istanbul check-coverage --lines 95 --statements 95 --branches 95 --functions 95",
-    "test:watch": "karma start --auto-watch",
-    "test:unit": "karma start --single-run",
+    "test:watch": "karma start karma.local.js --auto-watch",
+    "test:unit": "karma start karma.local.js --single-run",
+    "test:ci": "karma start karma.ci.js --single-run",
     "test:image-diff": "./node_modules/.bin/mocha --compilers js:babel-core/register --ui tdd --timeout 15000 test/screenshot/diff-suite.js"
   },
   "config": {
@@ -51,6 +52,7 @@
     "node-resemble-js": "^0.2.0",
     "node-sass": "^4.7.2",
     "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "puppeteer": "^1.1.1",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
     "sass-loader": "^6.0.7",

package-lock.json

@@ -0,0 +1,100 @@
+// Karma configuration
+// Generated on Tue Mar 06 2018 14:20:28 GMT-0800 (PST)
+const path = require('path');
+
+module.exports = {
+  // 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'],
+
+
+  // list of files / patterns to load in the browser
+  files: [
+    'test/unit/index.js'
+  ],
+
+
+  // list of files / patterns to exclude
+  exclude: [
+  ],
+
+
+  // preprocess matching files before serving them to the browser
+  // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+  preprocessors: {
+      'test/unit/index.js': ['webpack']
+  },
+
+  webpack: {
+    devtool: 'inline-source-map',
+    module: {
+      loaders: [
+        { test: /\.js?$/, loader: 'babel-loader' }
+      ],
+      rules: [
+          // instrument only testing sources with Istanbul
+          {
+            test: /\.js$/,
+            use: {
+              loader: 'istanbul-instrumenter-loader',
+              options: {esModules: true}
+            },
+            include: path.resolve('packages/'),
+            exclude: [
+              /node_modules/
+            ],
+            enforce: 'post'
+          }
+      ]
+    }
+  },
+
+  client: {
+    mocha: {
+      reporter: 'html',
+      ui: 'qunit',
+    },
+  },
+
+  // test results reporter to use
+  // possible values: 'dots', 'progress'
+  // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+  reporters: ['progress', 'coverage'],
+
+  coverageReporter: {
+    dir: 'coverage',
+    reporters: [
+      {type: 'lcovonly', subdir: '.'},
+      {type: 'json', subdir: '.', file: 'coverage.json'},
+      {type: 'html'},
+    ],
+  },
+
+  // 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,
+
+  // Continuous Integration mode
+  // if true, Karma captures browsers, runs the tests and exits
+  singleRun: false,
+
+  // Concurrency level
+  // how many browser should be started simultaneous
+  concurrency: Infinity,
+};