将 Mocha 与 Webpack 和 Typescript 一起使用的问题答案

【问题标题】：Problems using Mocha with Webpack and Typescript将 Mocha 与 Webpack 和 Typescript 一起使用的问题
【发布时间】：2016-11-22 12:09:17
【问题描述】：

具有标准外观.setup.js：

require('babel-register')();

var jsdom = require('jsdom').jsdom;

var exposedProperties = ['window', 'navigator', 'document'];

global.document = jsdom('');
global.window = document.defaultView;
Object.keys(document.defaultView).forEach((property) => {
  if (typeof global[property] === 'undefined') {
    exposedProperties.push(property);
    global[property] = document.defaultView[property];
  }
});

global.navigator = {
  userAgent: 'node.js'
};

documentRef = document;

和一个测试台：

import * as React from 'react';
import { expect } from 'chai';
import { mount, shallow } from 'enzyme';
import * as mocha from 'mocha';

class Woof extends React.Component<{},{}> {
    render() {
        return <p>woof</p>;
    }
}

describe('<Woof />', () => {
    it('passes sanity check', () => {
        const wrapper = mount(<Woof />);
        expect(true).to.equal(true);
    });
});

Mocha 无法运行 webpack 包，错误为“TypeError: cannot read property 'crypto' of undefined”。我正在使用所有相关软件包的最新版本。有谁知道这个问题的解决方案吗？

提前致谢！

【问题讨论】：

标签： javascript reactjs typescript webpack mocha.js

【解决方案1】：

经过一些实验后，让这个工作的一种方法是指示 webpack 以 node 为目标，并从捆绑包中排除 node_modules。

【讨论】：