web-dev-qa-db-ja.com

jsdom @ 5でjQueryを使用する方法は？

Node.jsからio.jsに移行していますが、古いnode.jsコードがjsdom @ 5で機能しません。

var jsdom=require('jsdom');
var $=require('jquery')(jsdom.jsdom().createWindow);

エラーは次のとおりです。

/tmp/iojs/node_modules/jquery/dist/jquery.js:28
                                if ( !w.document ) {
                                       ^
TypeError: Cannot read property 'document' of undefined
    at module.exports (/tmp/iojs/node_modules/jquery/dist/jquery.js:28:12)
    at Object.<anonymous> (/tmp/iojs/test.js:2:24)
    at Module._compile (module.js:431:26)
    at Object.Module._extensions..js (module.js:449:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Function.Module.runMain (module.js:472:10)
    at startup (node.js:124:18)
    at node.js:959:3

最新のio.js v2.0.1、[email protected]、[email protected]を使用しています。

Jsdom @ 5でjQueryを使用する正しい方法は何ですか？

jquerynode.jsjsdomio.js
13
untitled

以下は、あなたがやろうとしていることとより一致しています。 レポ をチェックしてください

 // using Version 5.4.1
 var jsdom = require('jsdom').jsdom;
 var document = jsdom('<html></html>', {});
 var window = document.defaultView;
 var $ = require('jquery')(window);

元のコードの具体的な問題は、createWindow AP​​Iを使用していることです。これは jsdom 1.0.0-pre.1で削除されました でした。 （document.parentWindow変更ログエントリ自体が 4.0.0で削除 。）

27
undefined

ドキュメントを見る https://github.com/tmpvar/jsdom 。これは[email protected]で機能するはずです

var jsdom = require('jsdom');
const { JSDOM } = jsdom;
const { window } = new JSDOM('<html></html>');
var $ = require('jquery')(window);
9
addousas

公式ドキュメント は、jsdom.envおよびjsdom.jQueryifyAPIの使用を提案しています。

jsdom.envの方法

// Print all of the news items on Hacker News
var jsdom = require("jsdom");

jsdom.env({
    url : "http://news.ycombinator.com/",
    scripts : ["http://code.jquery.com/jquery.js"],
    done : function (err, window) {
        var $ = window.$;
        console.log("HN Links");
        $("td.title:not(:last) a").each(function() {
            console.log(" -", $(this).text());
        });
    }
});

jsdom.jQueryifyの方法

var jsdom = require("jsdom");
var window = jsdom.jsdom().defaultView;

jsdom.jQueryify(window, "http://code.jquery.com/jquery-2.1.1.js", function () {
    window.$("body").append('<div class="testing">Hello World, It works</div>');
    console.log(window.$(".testing").text());
});
2
John Slegers