使用 clientWidth 时 AngularJS 单元测试错误

Question

在我的代码中有一行:

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

运行应用程序时工作正常，但在单元测试时出现错误:

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

如何解决这个问题？

Answer 1

运行测试时附加 DOM，或者模拟 document.querySelector 和 angular.element，以防您不需要相同的内容。

记住在测试完成后删除 Angular 元素上的模拟/ spy ，因为它会干扰内部使用它的 jasmine 框架。