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 from lena on Stack OverflowJetBrains
jetbrains.com › help › webstorm › running-unit-tests-on-karma.html
Karma | WebStorm Documentation
March 10, 2026 - Select the Karma run/debug configuration from the list of configurations and click   in the list or on the toolbar. Monitor test execution and analyze test results in the Test Runner tab of the Run tool window.
JetBrains
jetbrains.com › help › webstorm › run-debug-configuration-karma.html
Run/Debug Configuration: Karma | WebStorm Documentation
March 8, 2026 - Install the Karma test runner as described in Karma. When you edit a run configuration (but not a run configuration template), you can specify the following options: The tree view of run/debug configurations has a toolbar that helps you manage configurations available in your project as well as adjust default configurations templates.
How can I debug a JS Unit Test with Karma & Jasmine in Intellij or Webstorm
Currently that is the only way because karma loads entire file. If you want to run only one suite then you can use "fdescribe". ... Did you figure out how to do it? I am facing exactly the same problems and everything I tried did not work. It seems a normal expectation to be able to do it. ... The above answer is right, but before that you have to install chrome extension Jetbrains IDE support plugin, and then you can debug in your WebStorm... More on stackoverflow.com
Cannot debug Karma tests in Webstorm - javascript
I have been looking for a few days around the Internet in order to find an answer but, so far, haven't found anything. So here's my problem: I cannot debug Karma tests or my app. I am developing ... More on stackoverflow.com
Angular 9: Karma Test debugging in library with WebStorm - Stack Overflow
Does anybody here have problems when trying to debug an Angular library with WebStorm? I am trying to create a Karma test to test my service, but unfortunately since the last Angular Update debuggi... More on stackoverflow.com
How to debug single Karma test using WebStorm - Stack Overflow
I am trying to debug single test using Karma and WebStorm. I found that this can be done, when I do not use coverage reporter and run karma.config with -- reporter progress, but this is not working More on stackoverflow.com
Videos
Top answer 1 of 3
9
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
2 of 3
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.
Top answer 1 of 2
2
The above answer is right, but before that you have to install chrome extension Jetbrains IDE support plugin, and then you can debug in your WebStorm.
2 of 2
0
You can debug on your browser. Just click on the DEBUG button, find your class and add a breakpoint wherever you want. To run it again, just refresh the page.
JetBrains
blog.jetbrains.com › webstorm › 2013 › 10 › running-javascript-tests-with-karma-in-webstorm-7
Running JavaScript Tests with Karma in WebStorm | The WebStorm Blog
June 11, 2021 - WebStorm provides support for the istanbul code coverage engine that is used by Karma. Install node module karma-coverage and add coverage settings in the Karma configuration file, and then simply click the Run with coverage button to get the report of the coverage of your code with tests. With WebStorm you can also debug Karma test.
Andrej Koelewijn
andrejkoelewijn.com › blog › 2013 › 05 › 07 › debugging-with-webstorm-and-karma
Debugging with webstorm and karma - Andrej Koelewijn
$> karma init config/karma.conf.js Which testing framework do you want to use ? > jasmine Do you want to use Require.js ? > no Do you want to capture a browser automatically ? > Chrome Which files do you want to test ? > test/**/*Spec.js Any files you want to exclude ?
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 207040745-How-can-I-debug-Karma-tests-
How can I debug Karma tests? – IDEs Support (IntelliJ Platform) | JetBrains
December 22, 2013 - Unfortunately, you have to capture Chrome (not Chromium) or Firefox to debug karma tests. The situation will be improved in WebStorm 7.0.3.
Damian Dziaduch
damian.dziaduch.pl › 2015 › 10 › 27 › running-and-debugging-karma-in-phpstorm-webstorm
Running and debugging Karma in PhpStorm / WebStorm | Damian Dziaduch
January 5, 2018 - Configuration is simple, fill the name (I chose RequireJS), specify path to Karma config file (in current example it’s karma.conf.js). Everything else should be pre populated by IDE. Click OK. Now you should notice that your new configuration appeared in the dropdown at the navigation bar: Click green Play button. Tests will now quickly run.
Stack Overflow
stackoverflow.com › questions › 60163750 › angular-9-karma-test-debugging-in-library-with-webstorm
Angular 9: Karma Test debugging in library with WebStorm - Stack Overflow
February 11, 2020 - The following is the output of WebStorm when I execute a test with debugging: "C:\Program Files\nodejs\node.exe" D:\laps-core\Frontend\laps-web-core\node_modules\@angular\cli\bin\ng test laps-expression-language-engine --karma-config "C:\Program Files\JetBrains\WebStorm 2019.3\plugins\js-karma\js_reporter\karma-intellij\lib\intellij.conf.js" --source-map intellij: a browser for tests debugging will be captured automatically 11 02 2020 10:49:09.055:INFO [karma-server]: Karma v3.1.4 server started at http://0.0.0.0:9876/ 11 02 2020 10:49:12.682:INFO [Chrome 80.0.3987 (Windows 10.0.0)]: Connected on socket B_IWlYkZdnKTE6BnAAAA with id manual-6210
Stack Overflow
stackoverflow.com › questions › 40528239 › how-to-debug-single-karma-test-using-webstorm
How to debug single Karma test using WebStorm - Stack Overflow
November 10, 2016 - module.exports = function(config) { var testWebpackConfig = require('./webpack.test.js')({env: 'test'}); var configuration = { htmlReporter: { outputFile: 'tests/reports/units.html', // Optional pageTitle: 'Unit Tests', subPageTitle: 'A sample project description', groupSuites: true, useCompactStyle: true, useLegacyStyle: true }, // base path that will be used to resolve all patterns (e.g. files, exclude) basePath: '', /* * Frameworks to use * * available frameworks: https://npmjs.org/browse/keyword/karma-adapter */ frameworks: ['jasmine'], // list of files to exclude exclude: [ ], /* * list o
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 115000478570-How-to-debug-ES6-jasmine-tests-and-set-breakpoints-from-PhpStorm-
How to debug ES6 jasmine tests and set breakpoints from PhpStorm? – IDEs Support (IntelliJ Platform) | JetBrains
August 24, 2017 - In the shell: » cd /tmp && mdkir jetbrains && cd jetbrains » git clone -b next https://github.com/autoNumeric/autoNumeric.git » cd autoNumeric » yarn » yarn build - Launch PhpStorm and create a new project from existing files - Create the debug configuration like you mentioned in https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000478570/comments/115000392430 - Create the karma configuration - Launch the karma configuration It then says to open the 'http://localhost:9876/' link to capture it Open it in Chrome, and the tests are run Do not stop the karma server once the t
Mariuszprzydatek
mariuszprzydatek.com › 2013 › 07 › 21 › angularjs-karma-and-debugging-unit-tests-in-webstorm-or-intellij-idea
AngularJS, Karma and debugging unit tests in WebStorm or IntelliJ IDEA | mariuszprzydatek.com
July 21, 2013 - Karma (old name Testacular) test ... be downloaded from here. ... Open the Run/Debug Configuration dialog by selecting “Edit Configurations” in the Run area of the main toolbar of WebStorm....
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 115000445064-Debugging-Karma-Tests-with-angular-cli-Breakpoints-are-omitted
Debugging Karma Tests with angular-cli - Breakpoints are omitted – IDEs Support (IntelliJ Platform) | JetBrains
July 13, 2017 - 4) I started the karma configuration using the Debug button. 5) In the browser I can see, the 3 karma tests passed. However my breakpoints are not invoked. Any idea as to why? I am using the newest release candidate Webstorm 2017.2 (but the problem was the same in 2017.12).
JetBrains
jetbrains.com › help › webstorm › 2016.1 › debugging-javascript-unit-tests.html
WebStorm 2016.1 Help :: Debugging JavaScript Unit Tests
For details, see Running Unit Tests on Karma. Create a run configuration of the type Karma. On the main toolbar, select the Karma run configuration in the Run/Debug Configurations drop-down list and click Debug button on the toolbar, or press Shift+F9.
JetBrains
blog.jetbrains.com › webstorm › 2017 › 02 › your-first-unit-test-using-angular-cli-karma-and-webstorm
Your First Unit Test Using Angular CLI, Karma, and WebStorm | The WebStorm Blog
June 11, 2021 - Enter the name as Test, then choose the configuration file (project/karma.conf.js). In the box that says Karma package, make sure you set the correct path to the Karma module in the project’s node_module folder. Click OK to apply those settings and exit. Then simply click Run – Test and your tests will execute from WebStorm!
JetBrains
jetbrains.com › help › webstorm › performing-tests.html
Run tests | WebStorm Documentation
Jest. See Jest and Run/Debug Configuration: Jest. Karma.
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 115000636910-How-to-debug-angular4-webpack-karma-tests-written-on-typescript-from-the-IDE-breakpoints-are-never-hit
How to debug angular4/webpack/karma tests written on typescript from the IDE: breakpoints are never hit – IDEs Support (IntelliJ Platform) | JetBrains
October 5, 2017 - I'd suggest logging a bug to https://github.com/AngularClass/angular-starter/issues/ - with current configuration, you won't be able to debug karma tests anywhere (VSCode, Chrome Dev Tools, etc.)
JetBrains
intellij-support.jetbrains.com › hc › en-us › community › posts › 115000063990-Debugging-angular-cli-project-karma-tests-Possible-
Debugging angular-cli project karma tests. Possible? – IDEs Support (IntelliJ Platform) | JetBrains
January 29, 2017 - What I'm trying to do, is to debug the project tests. Unittests with jasmine are the priority for me, but protractor would also be nice. Of course the project is written in TypeScript and compiled to JS with webpack - the normal angular-cli way with no modifications. Whereas I'm fully able to RUN the tests with karma in WebStorm ...