ERROR: Chrome 55.0.2883 (Linux 0.0.0): Executed 0 of 0 ERROR (0.025 secs / 0 secs)

I am using karma/jasmine/webpack combo for setting up the testrunner to work with typescript.

version: “karma-chrome-launcher”: “^2.0.0”

What I list below works for firefox & phantomJS but the unit tests seem to not even run for chrome. Any ideas on what might be the problem here ?

Project structure:

./src/*.ts
./test/*.spec.ts
./index.ts (entry point for ./src/*ts)
./karma.conf.js
./tsconfig.json
./webpack.config.js

For simplicity ignore the src/*.ts files that are being tested. The problem occurs even if a dummy .spec.ts script calls a few empty describe methods.

tsconfig.json

{
    "compilerOptions": {
        "target": "es5",
        "sourceMap": true,
        "declaration": true,
        "outDir": "bin",
        "types": [
            "karma-jasmine" // required to auto import jasmine from .spec.ts scripts
        ]
    } ,
    "files": [
        "index.ts"
    ]
}

webpack.config.js

var webpack = require('webpack');

module.exports = {  
    entry: './index.ts',
    output: {
        libraryName: 'auvious-focus-client-js',
        libraryTarget: 'umd',
        filename: 'bin/index.umd.js',
        umdNamedDefine: true
    },
    // Turn on sourcemaps
    devtool: 'source-map',
    resolve: {
        extensions: ['', '.webpack.js', '.web.js', '.ts', '.js']
    },
    module: {
        loaders: [
            { test: /\.ts$/, loader: 'ts-loader' },
            { test: /\.json$/, loader: 'json-loader' }
        ]
    }
}

karma.conf.js

// Karma configuration
// Generated on Wed Jan 04 2017 13:52:08 GMT+0200 (EET)

var webpackConfig = require('./webpack.config.js');
webpackConfig.entry = {};

module.exports = function(config) {
  config.set({

    // 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: [
      "jasmine"
    ],


    // list of files / patterns to load in the browser
    files: [
      'test/*.ts'
    ],


    // list of files to exclude
    exclude: [],


    // webpack configuration based on webpack.config.js
    webpack: {
      devtool: webpackConfig.devtool,
      module: webpackConfig.module,
      resolve: webpackConfig.resolve
    },

    webpackMiddleware: {
      // quiet: true,
      stats: {
        colors: true
      }
    },

    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
        "test/*.ts": ['webpack', 'sourcemap']
    },

    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: [
      "progress"
    ],


    // 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: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: [
      'Chrome' // ERROR: Chrome 55.0.2883 (Linux 0.0.0): Executed 0 of 0 ERROR (0.025 secs / 0 secs)
      ,'Firefox'
      // ,'Safari'
      // ,'ChromeCanary'
      ,'PhantomJS'
      // ,'Opera'
      // ,'IE'
    ],

    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false,


    // half sec delay on reruns
    autoWatchBatchDelay: 500,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
  });
}

sample .spec.ts

console.info('I am running bro...');
describe('test', () => {
    it('should expect nothing', () => {
        console.info('whatever AA');
        expect(true).toBe(true);
    });
});

[lylejohnson]

I found a workaround that solved the problem for me. See this comment; in your karma.conf.js file, add:

mime: {
  'text/x-typescript': ['ts','tsx']
},

This tells the Karma server to serve the .ts files with a text/x-typescript mime type. That seems to make it work.

[SirLants]

@lylejohnson Fixed my problem too. I already had ts preprocessing setup but my tests wouldn’t run in ChromeHeadless until I added this line, thank you so much!