AngularJS unit testing error when using clientWidth

Question

In my code there's a line:

var contentWidth = angular.element(document.querySelector('.content'))[0].clientWidth;

It works fine when running the app but when unit testing I get error:

TypeError: 'undefined' is not an object (evaluating 'angular.element(document.querySelector('.content'))[0].clientWidth')

How to solve this issue?

Answer 1

Either attach DOM when running test or mock the document.querySelector and angular.element in case you don't need the same.

Remember to remove mock/spy on angular element after test is completed as it will interfere with the jasmine framework which uses that internally.