DEV Community


Posted on • Originally published at on

Improved debugging of Angular component tests in Jest

with @angular-extensions/pretty-html-log

Good tests are the backbone of every application. They are crucial to the success of our project. Therefore it’s no surprise that Angular is designed with testing in mind and provides us with a lot of testing utils.

By default, the Angular CLI generates a project with Karma as a test runner and Jasmine as a testing framework. However, today, many people move away from this default stack and start to use Jest.

There are various motivations to do so. Most commonly, it’s due to better performance and stability. Jest is way faster than Karma. It can run tests in parallel and doesn’t have to start a browser because it uses a JavaScript implementation of a DOM called jsdom.

While jsdom is fast, it also impedes debugging.

Find out how to improve debugging your component tests

Top comments (0)