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

时间:2016-06-16 21:03:26

标签: javascript jquery reactjs mocha sinon

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

我想知道如何将jQuery加载到这个结构中。我将其作为Function tagImage { document.getElementByTagname('img').foreach(function (element) { if(element.width > element.height) { element.className += ' wide-image'; } } } 测试JS文件包含在内,但是当我调用require('jquery')时,它会显示错误$.ajax。我怀疑这是因为Node没有在浏览器中运行我的JavaScript。但是,我尝试使用window environment,但仍然没有运气。

我知道传统方式是在HTML标记中包含jQuery,但我不知道如何在这里执行此操作,因为我没有HTML文件。

1 个答案:

答案 0 :(得分:3)

这是一个模式,对我来说在摩卡中使用某些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)