Posts

Es werden Posts vom Juni, 2017 angezeigt.

Debugging angular 4 Jasmin/Karma tests with Visual Studio Code

Bild
remember how to debug with visual studio code an angular cli generated jasmin test.

Change the config:
add to visual studio code launch.config

...

{ "type": "chrome", "request": "attach", "name": "Attach to karma test runner", "sourceMaps": true, "port": 9333, "webRoot": "${workspaceRoot}", "sourceMapPathOverrides": { "webpack:///*": "${workspaceRoot}/*" } },
add to karma conf.js

...

singleRun:false, browsers: ['ChromeDebugging'],

customLaunchers: { ChromeDebugging: { base:'Chrome', flags: ['--remote-debugging-port=9333'] } },
Start the debugging session:ng test


set some breakpoints in visual studio code



start "Attach to Karma Tests" in Visual Studio Code



refresh karma page in chrome



and now happy bugging...