错误:" jQuery需要一个带文档的窗口"用摩卡和打字稿?

时间:2017-05-22 19:44:36

标签: jquery node.js typescript mocha typescript-typings

我有一些我正在运行的打字摩卡单元测试;我已成功导入jquery,但收到错误:

import * as $ from 'jquery';  // or maybe this should be in beforeEach() ?

...
it('should append a div', function() {
   $("body").append("div");  // ERROR: Causes "jQuery requires a window with a document"

});

我读了一个similar question,其中node.js中的解决方案是:

var $ = require('jquery')(require("jsdom").jsdom().parentWindow);

但我尝试使用typings来安装jsdom,我收到了一个不同的错误,表明我没有使用正确的来源......

$ typings search jsdom
NAME   SOURCE    HOMEPAGE                         DESCRIPTION VERSIONS UPDATED
jsdom  dt        https://github.com/tmpvar/jsdom              2        2017-02-13T06:16:22.000Z


$ typings install jsdom
typings ERR! message Unable to find "jsdom" ("npm") in the registry.
typings ERR! message However, we found "jsdom" for 1 other source: "dt"
typings ERR! message You can install these using the "source" option.
typings ERR! message We could use your help adding these typings to the registry: https://github.com/typings/registry
typings ERR! caused by https://api.typings.org/entries/npm/jsdom/versions/latest responded with 404, expected it to equal 200
typings ERR!
typings ERR! cwd /home/accounting/Documents/dev/anki-accounting-unit-tests
typings ERR! system Linux 4.4.0-78-generic
typings ERR! command "/usr/bin/nodejs" "/usr/local/bin/typings" "install" "jsdom"
typings ERR! node -v v4.2.6
typings ERR! typings -v 2.1.1
typings ERR!
typings ERR! If you need help, you may report this error at:
typings ERR!   <https://github.com/typings/typings/issues>

此外,作者似乎已放弃node.js in favor of io.js

我应该使用除了jsdom以外的其他东西吗?

1 个答案:

答案 0 :(得分:0)

此问题与another question有关。

在我的问题中未能说明我使用的是以下版本:

  • node.js v4.2.6
  • typings 2.1.1
  • npm 3.5.2

  • jquery ^ 3.2.1

  • jdom ^ 3.1.2

  • @ types / jsdom ^ 2.0.30

做了以下(如果不优雅,请告诉我)

// ...chai and mocha imports...
import * as jsdom from 'jsdom';
import * as jq from 'jquery';

// Import code to test...
import MeCode from './pirates/MeCode';
// ..

// testing inits
chai.use(chaiAsPromised);
const expect = chai.expect;
const assert = chai.assert;
const should = chai.should();

let mc,$ = null;
let someId = "yarId";

describe('Main Hooks', () => {
    // ..
    beforeEach(function() {
       // Initialize jQuery with a DOM it can work on....
       $ = jq(jsdom.jsdom().parentWindow);

       // Initialize the object I'm testing...
       mc = new MeCode($, someId);
    });

    afterEach(function() {
       // clean up
       // ...
    });
    // ..

    it('should generate html', function() {
       ($("#" + someId).length).should.be.equal(1);
    });
});