Reactjs Jest jQuery 未定义

Question

我正在使用 jest 来测试我的 ReactJS 组件。在我的reactJS组件中，我需要使用jquery UI，所以我在组件中添加了这个:

var jQuery = require('jquery');
require('jquery-ui/ui/core');
require('jquery-ui/ui/draggable');
require('jquery-ui/ui/resizable');

而且效果很好。但是，现在，我需要使用 jest 进行测试，但是当我将组件加载到 testutils 中时，我立即遇到了这个问题，

Test suite failed to run
ReferenceError: jQuery is not defined 

如果您在应用程序中使用 jQuery，有人遇到过这个问题吗？

谢谢

Answer 1

您可以在 global 中添加 jQuery 依赖项目的。执行以下操作

1. 在您的package.json中，在jest下 key 添加setupFiles像这样 "setupFiles": ["test-env.js"]例如:

{
  "jest": {
    "setupFiles": [ "<rootDir>/tests/test-env.js" ]
  }
}

test-env.js 上的内容在哪里看起来像这样

import $ from 'jquery';
global.$ = global.jQuery = $;

确保路径为 test-env.js从您的根目录来看是正确的。 <rootDir>在 Jest 中可用。