mirror of
https://github.com/vector-im/element-web.git
synced 2024-11-16 21:24:59 +08:00
233 lines
8.4 KiB
JavaScript
233 lines
8.4 KiB
JavaScript
// 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: {
|
|
'VectorChromeHeadless': {
|
|
base: 'Chrome',
|
|
flags: [
|
|
'--no-sandbox',
|
|
// 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,
|
|
});
|
|
};
|