karma.conf.js

const webpackMerge = require('webpack-merge');
const commonConfig = require('./build/webpack/webpack.common.config.js');

const componentsToTest = [
	'browser',
	'components/n-ui/ads',
	'components/n-ui/tracking',
	'components/n-ui/speedcurve-lux'
];

module.exports = function (karma) {
	const config = {
		basePath: '',
		frameworks: ['mocha', 'chai', 'sinon', 'sinon-chai'],
		files: [require('./server/lib/asset-manager/polyfill-io').enhanced].concat(
			componentsToTest.map(name => name + '/**/*.spec.js')
		),
		preprocessors: componentsToTest.reduce((obj, name) => {
			obj[name + '/**/*.spec.js'] = ['webpack', 'sourcemap'];
			return obj;
		}, {}),
		webpack: webpackMerge(commonConfig(['commonOptions', ['es5', { karmaTest: true }]]), {
			devtool: 'inline-source-map'
		}),
		webpackMiddleware: {
			stats: 'errors-only',
			noInfo: true
		},
		reporters: ['progress'],
		port: 9876,
		colors: true,
		// possible values: karma.LOG_DISABLE || karma.LOG_ERROR || karma.LOG_WARN || karma.LOG_INFO || karma.LOG_DEBUG
		logLevel: karma.LOG_INFO,
		browsers: ['ChromeHeadless'],
		plugins: [
			require('karma-mocha'),
			require('karma-chai'),
			require('karma-sinon'),
			require('karma-sinon-chai'),
			require('karma-sourcemap-loader'),
			require('karma-webpack'),
			require('karma-chrome-launcher'),
			require('karma-browserstack-launcher'),
			require('karma-html-reporter')
		],
		client: {
			mocha: {
				reporter: 'html',
				ui: 'bdd',
				timeout: 0
			}
		},
		captureTimeout: 1000 * 60,
		singleRun: true,
		browserNoActivityTimeout: 50000,
		browserDisconnectTolerance: 3,
		autoWatch: false
	};

	if (process.env.CI) {
		config.browserStack = {
			username: process.env.BROWSERSTACK_USER,
			accessKey: process.env.BROWSERSTACK_KEY,
			project: 'n-ui',
			name: 'Unit Tests'
		};

		config.customLaunchers = {
			chromeLatest: {
				base: 'BrowserStack',
				browser: 'chrome',
				browser_version: 'latest',
				os: 'Windows',
				os_version: '10'
			},
			firefoxLatest: {
				base: 'BrowserStack',
				browser: 'firefox',
				browser_version: 'latest',
				os: 'Windows',
				os_version: '10'
			},
			ie11: {
				base: 'BrowserStack',
				browser: 'IE',
				browser_version: '11',
				os: 'Windows',
				os_version: '7'
			},
			safari: {
				base: 'BrowserStack',
				os: 'OS X',
				os_version: 'High Sierra',
				browser: 'Safari',
				browser_version: 'latest'
			}
		};

		config.browsers = Object.keys(config.customLaunchers);

		config.reporters.push('BrowserStack');
	}

	karma.set(config);
};