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

Question

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

Cannot read property 'extend' of undefined

At some point in my Angular 6 application those lines of code execute in my component when I execute ng test. I couldn't find how to make the testing framework know where it can find the library. I am using Karma and Jasmine.

I have read the angular.io documentation, tried typings, tried referencing jquery through angular.json file, tried to use the karma-jasmine-jquery library modifying the karma.conf.js file, and also tried @types/jquery. I also considered to get rid of that way of cloning an object but since this could be helpful for someone else in some other situation I dared to ask.

I am using jquery 3.3.1 installed in node_modules.

Answer 1

I followed the instructions from the post that cgTag mentioned but it didn't quite help me, what did the trick was to replace

import $ from "jquery";

for

var $ = require('jquery');

I hope it helps someone else. Don't forget to still Import jquery to karma configuration