这里有两个主要问题。首先当然是您需要修复导入问题，但这与测试无关。在进行测试之前，您需要解决这个问题，这可能与构建工具的配置有关，而不是在 Node.js 中运行。您应该为此打开一个单独的问题，尽管这可能会有所帮助。可能你需要做的就是用这个替换导入import * as jQuery from 'jquery';

另一个大问题是您在Node内部运行它（使用npm test它触发 Mocha）而您的代码需要一个 browser。Sinon 的假服务器实现旨在用于浏览器环境，而您正在服务器环境中运行测试。这意味着 jQuery 和伪造的服务器设置都不起作用，因为 Node 没有XHR 对象。

因此，尽管 Sinon XHR 设置看起来不错，除非您愿意更改测试运行器以在浏览器环境中运行测试（Karma非常适合从 CLI 执行此操作！），否则您需要以另一种方式处理此问题。我很少去伪造 XHR，而是在更高级别上剔除依赖项。@CarlMarkham 的回答触及了这一点，但他没有详细说明这将如何与您的代码一起使用。

在 Node 中运行代码时，您基本上有两个选择：

1. 拦截导入 JQuery module并将其替换为您自己的具有存根版本的ajax. 这需要一个module加载器拦截器，例如rewire或proxyquire。
2. 直接在你的module中使用依赖注入。

Sinon 主页上有一篇由 Morgan Roderick 撰写的关于第一个选项的好文章，以及指向网络其他地方其他文章的几个链接，但没有说明如何执行第一个选项。我应该在有时间的时候写一篇……但这里是：

在实例级别使用依赖注入

侵入性最小的方法是仅ajax在您正在测试的实例上公开方法。这意味着您不需要向module本身注入任何内容，也不必考虑事后清理：

// weather.js
export class Weather {
    constructor(latitude, longitude) {
        this.ajax = $.ajax;
        this.latitude  = latitude;
        this.longitude = longitude;
    }

    getWeather() {
        return this.ajax({ ...

// weather.test.js

it('should return a resolved promise if call is successful', (done) => {
    const weather = new Weather(43.65, -79.725);
    const data = '{"coord":{"lon":-79.73, ... }' // fill in
    weather.ajax = createStub(data);

我在 Sinon 问题跟踪器上写了一个更详细的例子来说明这种技术。

还有另一种方法，它更具侵入性，但可以让您通过直接修改module的依赖项来保持类代码不变：

在module级别使用依赖注入

只需修改您的 Weather 类来为您的依赖项导出一个 setter 接口，以便它们可以被覆盖：

export const __setDeps(jQuery) => $ = jQuery;

现在，您可以将测试简化为如下所示：

import weather from '../js/weather';
const Weather = weather.Weather;

const fakeJquery = {};
weather.__setDeps(fakeQuery);

const createStub = data => () => { promise: Promise.resolve(data) };

it('should return a resolved promise if call is successful', (done) => {
    const weather = new Weather(43.65, -79.725);
    const data = '{"coord":{"lon":-79.73, ... }' // fill in
    fakeQuery.ajax = createStub(data);

    weather.getWeather().then((data) => {
        expect(data.main.temp).to.equal(15.28);
        done();
    });
}

这种方法的一个问题是您正在篡改module的内部结构，因此您需要恢复 jQuery 对象，以防您需要在其他测试中使用 Wea​​ther 类。你当然也可以反过来做：你可以导出实际的jQuery 对象并ajax直接修改方法，而不是注入一个假的 jQuery 对象。然后，您将删除上面示例代码中的所有注入代码，并将其修改为类似

// weather.js
export const __getDependencies() => { jquery: $ };


// weather.test.js

it('should return a resolved promise if call is successful', (done) => {
    const weather = new Weather(43.65, -79.725);
    const data = '{"coord":{"lon":-79.73, ... }' // fill in
    
    __getDependencies().jquery.ajax = createStub(data);

     // do test
     
     // restore ajax on jQuery back to its original state

除非 ES6 module具有default正在导入的导出（jQuery 不是），否则导入它的正确方法是

import * as $ from 'jquery';

CommonJS module的处理方式import是构建工具的责任。default至少在较旧的 Webpack 版本中（错误地）支持非 ES6 module的导入。并且没有版本限制

"webpack": "*"

依赖是破坏构建的直接方式。

在我的项目中，我存根了我使用的所有 jQuery 方法，因此，我会存根，$.ajax因为您需要测试的只是返回的Promise。

在另一个文件中是这样的：

module.exports = {
  ajax: sinon.stub(global.$, 'ajax')
}

然后，在你的测试中

import { ajax } from 'stubs'

这样，该ajax方法被存根，您可以定义它在每个测试的基础上应该返回的内容：

ajax.returns({
  done: (callback) => { callback(someParam) },
  fail: () => {},
  always: (callback) => { callback() }
});

我最近遇到了类似的问题。我发现当我使用 mocha 和 webpack 运行测试时，jquery 的范围内没有“窗口”可以绑定到，因此它是未定义的。为了解决这个问题，我发现我可以按照这个建议并import * as $ from jquery在源文件中替换为：

// not the winning solution
const jsdom = require("jsdom");
const { window } = new jsdom.JSDOM();
const $ = require('jquery')(window);

但随后源文件将不再与 webpack 正确捆绑，所以我放弃了使用 mocha 和 babel 进行客户端 javascript 测试。相反，我发现我可以使用karma和 phantomjs的组合正确测试我的客户端代码。

首先，我安装了所有依赖项：

npm install -D babel-loader @babel/core
npm install -D mocha chai sinon mocha-webpack
npm install -D phantomjs-prebuilt
npm install -D webpack
npm install -D karma karma-mocha karma-chai karma-sinon 
npm install -D karma-mocha-reporter karma-phantomjs-launcher karma-webpack

然后我在根目录中设置了一个配置文件，名为karma.config.js：

module.exports = function(config) {
  config.set({
    browsers: ['PhantomJS'],
    files: [
      './test/spec/*.js'
    ],
    frameworks: ['mocha', 'chai', 'sinon'],
    reporters: ['mocha'],
    preprocessors: {
      './test/spec/*.js': ['webpack']
    },
    webpack: {
      module: {
        rules: [
          { test: /\.js/, exclude: /node_modules/, loader: 'babel-loader' }
        ]
      },
      watch: true,
      mode: 'none'
    },
    webpackServer: {
      noInfo: true
    },
    singleRun: true
  });
};

最后，我"test": "karma start karma.config.js"在 package.json 中添加了脚本。现在可以使用npm test.