javascript - nodejs + jsdom，jQuery 奇怪的行为

Question

下面的代码只是我的 server.js 文件中的一小段代码，用于运行 jsdom 文档提供的测试。

var window = jsdom.jsdom().createWindow();
jsdom.jQueryify(window, './jq.min.js' , function() {
  console.log('inside');
  window.$('body').append('<div class="testing">Hello World, It works</div>');
  console.log(window.$('.testing').text());
  console.log('end');
});

我从字面上得到的输出只是 inside 然后服务器挂起并且永远不会返回。我添加了一个调试语句 console.log(window); 来查看 window 对象是否真的被创建了，我最终得到了一个相当大的输出语句，详细说明了对象的内容。然而，我确实注意到的一件事是，输出确实不表明$ 是window 对象的定义方法，事实上，console.log(window.$); 呈现 undefined。

我知道 jsdom 仍处于开发模式，但我在这里遗漏了什么吗？

作为一些背景，我尝试了几种代码变体，包括使用 jsdom.env() 方法以及从现有的 HTML 标记构建文档，但都没有呈现预期结果。

Answer 1

希望这段代码对您有所帮助:

createWindow = function(fn) {
    var window  = jsdom.jsdom().createWindow(),
        script = window.document.createElement('script');

    jsdom.jQueryify(window, function() {
        script.src = 'file://' + __dirname + '/some.library.js';
        script.onload = function() {
            if (this.readyState === 'complete') {
                fn(window);
            }
        }
    });
}

createWindow(function(window) {
    // Do your jQuery stuff:
    window.$('body').hide();
});

from here