Overleaf/services/web/karma.conf.js

const path = require('path')

module.exports = function (config) {
  config.set({
    customLaunchers: {
      ChromeCustom: {
        base: 'ChromeHeadless',
        // We must disable the Chrome sandbox when running Chrome inside Docker
        // (Chrome's sandbox needs more permissions than Docker allows by
        // default)
        flags: ['--no-sandbox']
      }
    },
    browsers: ['ChromeCustom'],
    files: [
      'test/unit_frontend/js/bootstrap.js',
      'test/unit_frontend/es/es-bootstrap.js',
      // Angular must be loaded before requirejs to set up angular global
      'public/js/libs/angular-1.6.4.min.js',
      'public/js/libs/angular-mocks.js',
      'public/js/libs/jquery-1.11.1.min.js',
      'public/js/libs/underscore-1.3.3.js',
      // Set up requirejs
      'test/unit_frontend/js/test-main.js',
      // Include source & test files, but don't "include" them as requirejs
      // handles this for us
      { pattern: 'public/js/**/*.js', included: false },
      { pattern: 'test/unit_frontend/js/**/*.js', included: false },
      // Include ES test files
      'test/unit_frontend/es/**/*.js',
      'modules/**/test/unit_frontend/es/**/*.js',
      // Include CSS (there is some in js/libs dir)
      'public/stylesheets/**/*.css',
      'public/js/libs/**/*.css'
    ],
    middleware: ['fake-img'],
    preprocessors: {
      // Run ES test files through webpack (which will then include source
      // files in bundle)
      'test/unit_frontend/es/**/*.js': ['webpack'],
      'modules/**/test/unit_frontend/es/**/*.js': ['webpack']
    },
    frameworks: ['requirejs', 'mocha', 'chai-sinon'],
    // Configure webpack in the tests
    webpack: {
      module: {
        rules: [{
          // Pass application JS files through babel-loader, compiling to ES5
          test: /\.js$/,
          // Only compile application files (dependencies are in ES5 already)
          exclude: /node_modules/,
          use: [{
            loader: 'babel-loader',
            options: {
              // Configure babel-loader to cache compiled output so that subsequent
              // compile runs are much faster
              cacheDirectory: true
            }
          }]
        }]
      },
      resolve: {
        // Alias common directories in import pathnames to cut down on the
        // amount of ../../ etc
        alias: {
          Src: path.join(__dirname, 'public/es/'),
          Modules: path.join(__dirname, 'modules')
        }
      }
    },
    // Configure the webpack dev server used to serve test files
    webpackMiddleware: {
      // Disable noisy CLI output
      stats: 'errors-only'
    },
    plugins: [
      require('karma-chrome-launcher'),
      require('karma-requirejs'),
      require('karma-mocha'),
      require('karma-chai-sinon'),
      require('karma-webpack'),
      require('karma-mocha-reporter'),
      { 'middleware:fake-img': ['factory', fakeImgMiddlewareFactory] }
    ],
    reporters: ['mocha']
  });
}

/**
 * Handle fake images
 */
function fakeImgMiddlewareFactory () {
  return function (req, res, next) {
    if (req.originalUrl.startsWith('/fake/')) {
      return res.end('fake img response')
    }
    next()
  }
}