将 jQuery 加载到 React App 的 Mocha 测试中

Question

我创建了一个类似于此处概述的本教程的 Mocha 测试设置：https://github.com/jesstelford/react-testing-mocha-jsdom。

我想知道如何将 jQuery 加载到这个结构中。我已经将它包含为 require('jquery') 测试 JS 文件，但是当我调用 $.ajax 时，它给出了一个错误 TypeError: Attempted to wrap undefined property ajax as function。我怀疑这是因为浏览器中的 Node 不是运行我的 JavaScript。但是，我已经尝试使用，但仍然没有成功。

我知道传统的方法是在 HTML 标签中包含 jQuery，但我不确定在这里该怎么做，因为我没有 HTML文件。

Answer 1

这个模式对我在 mocha 中的某些 jquery 方法有用，我不确定它是否对 ajax 有用，但试一试并告诉我。

import jsdom from 'jsdom'
import _$ from 'jquery'

global.document = jsdom.jsdom('<!doctype html><html><body></body></html>')
global.window = global.document.defaultView
const $ = _$(global.window)

将 jQuery 加载到 React App 的 Mocha 测试中

Load jQuery into Mocha test for React App

javascript

jquery

mocha.js

sinon

reactjs