如何为Chrome编写Greasemonkey脚本以便对其进行单元测试?

时间:2012-04-04 17:58:56

标签: jquery unit-testing google-chrome greasemonkey userscripts

我正在编写一个Greasemonkey用户脚本,该脚本应该使用jQuery并在Google Chrome和Firefox上运行。

我已经看到了几个如何做到这一点的例子,其中包括非常好的答案。所有这些都归结为调用“注入脚本”函数将另一个回调函数作为参数传递。

回调函数中的代码是发生“魔法”的地方,包括访问jQuery$)对象。

此解决方案正常。但是,使用它的一个后果是无法从其中调用外部回调函数的函数:

function doSomethingImportantThatIWantToUnitTest(){ ... }

function with_jquery(callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + callback.toString() + ")(jQuery)";
    document.body.appendChild(script);
};

with_jquery(function ($) {
    doSomethingImportantThatIWantToUnitTest(); // <---- meh. Not defined!
});


所以,我只能使用里面定义的函数回调函数。但这些功能反过来也无法从外部调用。特别是,它们不能从单元测试中调用,例如,这对我来说非常烦人。

有没有办法为Chrome编写Greasemonkey脚本并对其进行单元测试?

1 个答案:

答案 0 :(得分:1)

您应该能够将任何想要的内容传递给回调函数,包括函数变量。

var f = function doSomethingImportantThatIWantToUnitTest(){ ... }

function with_jquery(callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.textContent = "(" + callback.toString() + ")(jQuery,f)";
    document.body.appendChild(script);
};

with_jquery(function ($, f) {
    f(); // <---- DEFINED!
});

如果你想要做多个函数,并且不想在几个不同的地方更新代码,你可以传入一个具有所有函数作为对象属性或元素的对象或数组。一个数组。

虽然如果是我,我只会在您使用它们的范围内定义函数。