如何對使用Jquery的Angular 6組件進行單元測試

Question

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

無法讀取未定義的屬性“擴展”

在我的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');

我希望它可以幫助其他人。 不要忘記仍然將jquery導入到業力配置中