使用 jquery 调用 bootstrap 模态的 Karma 单元测试用例
Karma unit test case for calling bootstrap modal using jquery
我们有一个 angular 7 应用程序。因为我们使用 bootstrap 模态。所以在组件中我们使用 $(#modalId).modal('show') 调用模态。 jQuery 打开 bootstrap 弹出窗口。当我们使用 ng test r 运行 Karma 测试用例时，组件创建失败并出现以下错误
Typeerror: jQuery.__webpack_imported_module_3_jquery___ default(...)(...).modal is not a function
请帮助我们解决这个问题
我已经按照以下步骤解决了这个错误。
在构建中的脚本数组中导入 jquery 库，在 angular.json
中进行测试
已添加 typings.d.ts 文件并声明 var $: any;
在tsconfig.json文件中添加下面的
“typeRoots”：[
“node_modules/@types”,
“../src/typings.d.ts”
],
现在 component.ts，使用下面的注释 $('#modalId').modal('show');
我们有一个 angular 7 应用程序。因为我们使用 bootstrap 模态。所以在组件中我们使用 $(#modalId).modal('show') 调用模态。 jQuery 打开 bootstrap 弹出窗口。当我们使用 ng test r 运行 Karma 测试用例时，组件创建失败并出现以下错误
Typeerror: jQuery.__webpack_imported_module_3_jquery___ default(...)(...).modal is not a function
请帮助我们解决这个问题
我已经按照以下步骤解决了这个错误。
在构建中的脚本数组中导入 jquery 库，在 angular.json
中进行测试已添加 typings.d.ts 文件并声明 var $: any;
在tsconfig.json文件中添加下面的
“typeRoots”：[ “node_modules/@types”, “../src/typings.d.ts” ],
现在 component.ts，使用下面的注释 $('#modalId').modal('show');