angularvisual-studio-codekarma-jasmineangular-cli
Debug Tests in NG Test
I am using Angular CLI and VSCode but none of my breakpoints in my spec files seem to be getting hit when I run ng test?
Do I need to do some config?
Solution
Update for Angular version 9
The source files have been moved but you can still debug this way if you do the following steps
- In devtools, select the sources tab
- Press CTRL + P
- Type in the name of the file you want to debug
Valid for versions below 9
The other answers are completely valid answers but having been using Angular for around 18 months now I tend to do it in the browser - chrome tools!
Run ng test then f12 and find the spec file via the webpack context. Add a breakpoint(s) and refresh and it will hit said breakpoints. As per screenshot
- PayPal receiving order not approved even onApprove function triggered
- How to use "repeat()" css function combined with Angular ngStyle directive?
- Can angular polyfills.ts file be safely removed
- how to pass data from angular material dialog to parent component?
- What is TestBed in Jasmine
- Angular $localize is not a function
- How to solve the circular dependency
- How to mock an angular class with signals?
- Check Error Count Angular Reactive Forms
- Angular NG5002: @for loop must have a "track" expression
- Cloning an array in Javascript/Typescript
- Angular 17 Material mat-autocomplete mat-input within a FormGroup
- What to use in place of ::ng-deep
- How to set a colour for basic HTML elements with angular material's m3 theme?
- How to use index in @for in html angular 17
- Angular prevent URL navigation but keep button navigation
- spyOn isDevMode() in Angular 6+ Unit Tests?
- Executing code after dispatch is completed while using ngrx
- How to loop with *ngFor in array of objects?
- Angular Universal 17 - Alternatives to deployUrl
- Reactive forms: mark dirty all controls in form group
- Spring Boot Restful Service and CORS problem
- Indentation with Angular 17 new control flow in VS Code
- Microsoft Monaco Editor in angular 14
- Angular 18 with SSR: Setting optimization to true ignores library loaded inside scripts
- How to validate date using reactive form in angular if user select date greater than today date
- base 64 encode and decode a string in angular (2+)
- How to get serverTimestamp via Angularfire or firebase
- Angular - assign custom validator to a FormGroup
- Angular Material Table dynamic columns