jquery - 如何对使用 Jquery 的 Angular 6 组件进行单元测试

Question

import $ from "jquery";
let newobject = $.extend(true, {}, object);

Cannot read property 'extend' of undefined

在我的 Angular 6 应用程序中的某个时刻，当我执行 ng test 时，这些代码行会在我的组件中执行。我找不到如何让测试框架知道在哪里可以找到该库。我正在使用 Karma 和 Jasmine。

我已经阅读了 angular.io 文档，尝试了打字，尝试通过 angular.json 文件引用 jquery，尝试使用 karma-jasmine-jquery 库修改 karma.conf.js 文件，还尝试了 @types/jquery 。我也考虑过摆脱这种克隆对象的方式，但由于这对其他人在其他情况下可能有帮助，所以我敢于询问。

我正在使用安装在node_modules中的jquery 3.3.1。

Answer 1

我按照cgTag提到的帖子中的说明进行操作，但它对我没有太大帮助，诀窍是替换什么

import $ from "jquery";

对于

var $ = require('jquery');

我希望它对其他人有帮助。别忘了仍然Import jquery to karma configuration