// karma.conf.js - the config file for karma, which runs our tests. var path = require('path'); var fs = require('fs'); /* * We use webpack to build our tests. It's a pain to have to wait for webpack * to build everything; however it's the easiest way to load our dependencies * from node_modules. * * If you run karma in multi-run mode (with `yarn test-multi`), it will watch * the tests for changes, and webpack will rebuild using a cache. This is much quicker * than a clean rebuild. */ // the name of the test file. By default, a special file which runs all tests. // // TODO: this could be a pattern, and karma would run each file, with a // separate webpack bundle for each file. But then we get a separate instance // of the sdk, and each of the dependencies, for each test file, and everything // gets very confused. Can we persuade webpack to put all of the dependencies // in a 'common' bundle? // var testFile = process.env.KARMA_TEST_FILE || 'test/all-tests.js'; process.env.PHANTOMJS_BIN = 'node_modules/.bin/phantomjs'; function fileExists(name) { try { fs.statSync(gsCss); return true; } catch (e) { return false; } } // try find the gemini-scrollbar css in an version-agnostic way var gsCss = 'node_modules/gemini-scrollbar/gemini-scrollbar.css'; if (!fileExists(gsCss)) { gsCss = 'node_modules/react-gemini-scrollbar/'+gsCss; } module.exports = function (config) { config.set({ // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['mocha'], // list of files / patterns to load in the browser files: [ testFile, gsCss, // some images to reduce noise from the tests {pattern: 'test/img/*', watched: false, included: false, served: true, nocache: false}, // translation files {pattern: 'src/i18n/strings/*', watcheed: false, included: false, served: true}, {pattern: 'test/i18n/*', watched: false, included: false, served: true}, ], proxies: { // redirect img links to the karma server "/img/": "/base/test/img/", // special languages.json file for the tests "/i18n/languages.json": "/base/test/i18n/languages.json", // and redirect i18n requests "/i18n/": "/base/src/i18n/strings/", }, // list of files to exclude // // This doesn't work. It turns out that it's webpack which does the // watching of the /test directory (karma only watches `testFile` // itself). Webpack watches the directory so that it can spot // new tests, which is fair enough; unfortunately it triggers a rebuild // every time a lockfile is created in that directory, and there // doesn't seem to be any way to tell webpack to ignore particular // files in a watched directory. // // exclude: [ // '**/.#*' // ], // preprocess matching files before serving them to the browser // available preprocessors: // https://npmjs.org/browse/keyword/karma-preprocessor preprocessors: { 'test/**/*.js': ['webpack', 'sourcemap'] }, // test results reporter to use // possible values: 'dots', 'progress' // available reporters: https://npmjs.org/browse/keyword/karma-reporter reporters: ['logcapture', 'spec', 'junit', 'summary'], specReporter: { suppressErrorSummary: false, // do print error summary suppressFailed: false, // do print information about failed tests suppressPassed: false, // do print information about passed tests showSpecTiming: true, // print the time elapsed for each spec }, client: { captureLogs: true, }, // 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 // // This is strictly for logs that would be generated by the browser itself and we // don't want to log about missing images, which are emitted on LOG_WARN. logLevel: config.LOG_ERROR, // enable / disable watching file and executing tests whenever any file // changes autoWatch: true, // start these browsers // available browser launchers: // https://npmjs.org/browse/keyword/karma-launcher browsers: [ 'Chrome', //'PhantomJS', //'ChromeHeadless', ], customLaunchers: { 'ChromeHeadless': { base: 'Chrome', flags: [ // See https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md '--headless', '--disable-gpu', // Without a remote debugging port, Google Chrome exits immediately. '--remote-debugging-port=9222', ], } }, // 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, junitReporter: { outputDir: 'karma-reports', }, webpack: { module: { rules: [ { test: /\.js$/, loader: "babel-loader", include: [path.resolve('./src'), path.resolve('./test'), ] }, { test: /\.(gif|png|svg|ttf)$/, loader: 'file-loader', }, ], noParse: [ // for cross platform compatibility use [\\\/] as the path separator // this ensures that the regex trips on both Windows and *nix // don't parse the languages within highlight.js. They // cause stack overflows // (https://github.com/webpack/webpack/issues/1721), and // there is no need for webpack to parse them - they can // just be included as-is. /highlight\.js[\\\/]lib[\\\/]languages/, // olm takes ages for webpack to process, and it's already heavily // optimised, so there is little to gain by us uglifying it. /olm[\\\/](javascript[\\\/])?olm\.js$/, // also disable parsing for sinon, because it // tries to do voodoo with 'require' which upsets // webpack (https://github.com/webpack/webpack/issues/304) /sinon[\\\/]pkg[\\\/]sinon\.js$/, ], }, resolve: { alias: { // alias any requires to the react module to the one in our // path, otherwise we tend to get the react source included // twice when using `npm link` / `yarn link`. react: path.resolve('./node_modules/react'), 'matrix-react-sdk': path.resolve('test/skinned-sdk.js'), 'sinon': 'sinon/pkg/sinon.js', }, modules: [ path.resolve('./test'), "node_modules" ], }, devtool: 'inline-source-map', externals: { // Don't try to bundle electron: leave it as a commonjs dependency // (the 'commonjs' here means it will output a 'require') "electron": "commonjs electron", }, // make sure we're flagged as development to avoid wasting time optimising mode: 'development', }, webpackMiddleware: { stats: { // don't fill the console up with a mahoosive list of modules chunks: false, }, }, browserNoActivityTimeout: 15000, }); };