jquery - 在 Jest 测试中访问 Bootstrap 功能

Question

因此，我正在使用 Jest 和 Enzyme 测试我的 React 组件，当我测试打开 Bootstrap 模式的组件时，出现以下错误:

类型错误:$(...).modal 不是函数

有道理，我在任何时候都没有引用 bootstrap，所以我继续将以下内容添加到我的 package.json 中的 jest 对象中:

"setupFiles": [
  "./app/common/js/jquery-3.1.1.min.js",
  "./app/common/js/bootstrap.min.js",
  "./__mocks__/beforeTest.js"
 ]

然后给我这个错误:

Bootstrap 的 JavaScript 需要 jQuery。 jQuery 必须包含在 Bootstrap 的 JavaScript 之前。

我已将 window.$ 和 global.$ 设置为 jQuery，看看这是否能帮助我的问题，但它似乎也没有帮助。是否在我的 beforeTest.js 文件中导入 Bootstrap 模块。

我不需要测试模式的功能，我只需要错误消失。所以我希望找到一种加载 Bootstrap 的方法，以便我可以运行 $(...).modal。 bootstrap 在这种环境下还能工作吗？

Answer 1

这对我有帮助:

$.fn.modal = jest.fn();

模拟还将避免将 Bootstrap 包含在测试套件中。