Webstorm Karma test debugging - breakpoint not hit

Question

I have installed the chrome jet brains extension

I have tests like this:

describe('Service tests', function () {


 beforeEach(module('app'));

    it('should have a Service', inject(function($injector) {
        var exist = $injector.has('dataService');

etc

but no luck getting breakpoints to hit any where in the tests. I can get the debugger to break when writing debugger, but an unable to step through.

Answer 1

Do you have karma-coverage set up in your karma config? It uses instrumented code, so debugging is not possible. Related tickets: http://github.com/karma-runner/karma/issues/630, http://youtrack.jetbrains.com/issue/WEB-8443

Answer 2

If you are building with Webpack you might need to specify the devtools option in your webpack config property in karma.conf.js like this:

module.exports = (config) => {
    config.set({
         webpack: {
             ...,
             devtool: 'inline-source-map'
         }
    })
};

This solution works for me with Webpack v3.