Question

我正在尝试使用mocha js为我的反应代码编写测试脚本。测试助手文件是这样的 browser.js

var baseDOM = '<!DOCTYPE html><html><head><meta charset="utf-8"></head><body></body></html>';
var jsdom = require('jsdom').jsdom;
global.document = jsdom(baseDOM);
global.window   = document.defaultView;
if ( global.self != null) {
  console.log(' global.self >>>>> ' + global.self);
} else {
  global.self = global.this;
}
global.navigator = {
  userAgent: 'node.js'
};

测试脚本就像这样（component.specs.js）

'use strict';
import ReactDOM from 'react-dom';
import React from 'react';
import { expect } from 'chai';
import { mount, shallow, render } from 'enzyme';
import { App } from '../../js/app.js';
import sinon from 'sinon';
var dispatch = function() {
`enter code here`   console.log('>>>>>>>> Mocking dispatch ');
};

describe('App', function () {
it('App calls check', () => {
     sinon.spy(App.prototype, 'check');
     const enzymeWrapper = mount(<App {...props} />);
     expect(App.prototype.check.calledOnce).to.equal(true);
   });

所以，当我运行npm test时，我得到的错误是＆＃39; jsdom不是函数＆＃39;。代码有什么问题？

Answer 1

我不熟悉jsdom，但根据示例，我认为您没有正确使用它。 jsdom的示例代码：

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const dom = new JSDOM(`<!DOCTYPE html><p>Hello world</p>`);

这对您来说意味着var jsdom = require('jsdom').jsdom;应为var jsdom = require('jsdom').JSDOM;。该示例还使用new。

也就是说，您可能需要查看jest来测试节点/反应 - 它很容易设置并且运行良好。

mocha js with react js

1 个答案: