Question

使用testr.js来模拟RequireJS依赖项时，我遇到了一些麻烦。我有以下目录结构：

<root>
  |-- Scripts
  |    |-- lib
  |    |    +-- require.js
  |    +-- modules
  |         |-- dependency.js
  |         +-- testable-thing.js
  |-- Test
  |    |-- lib
  |    |    +-- testr.js
  |    +-- index.html
  +-- index.html

在这种情况下，受测试的系统将是testable-thing.js，我想要使用testr切换出的依赖关系是dependency.js。这里有源代码：

// testable-thing.js
define(["scripts/modules/dependency"], function (dep) {
    console.log("testable thing loaded");
});

// dependency.js
define(function () {
    console.log("dependency loaded");
});

使用http://<root>/index.html（下面的源代码）请求require-config.js时，这可以正常工作并登录到控制台：

image showing require js loading things correctly

我还有一个入口点http://<root>/test/index.html，它在一个完整的应用程序中将运行JavaScript单元测试。它看起来像这样：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="/scripts/lib/require.js"></script>
    <script src="/test/lib/testr.js"></script>
</head>
<body>
    <script>

        testr.config({
            root: "../"
        });

        testr.run("/scripts/require-config.js", function () {
            console.log("entering tests");

            var sut = testr("modules/testable-thing", {
                "modules/dependency": function () {
                    console.log("stub loaded");
                }
            });
        });
    </script>
</body>
</html>

这就是我遇到麻烦的地方。它给出了这个输出：

image showing module bindings wanging out with testr

现在，我知道testr.js会覆盖RequireJS的require方法来注册加载的模块，并使用传递给testr函数的存根/模拟覆盖它们，但我不能我的生活锻炼如何“加载”这些依赖。如果我修改testr.run中的test/index.html回调例程以包含加载依赖项的内容：

testr.run("/scripts/require-config.js", function () {
    console.log("entering tests");

    require(["modules/testable-thing"], function () { });

    var sut = testr("modules/testable-thing", {
        "modules/dependency": function () {
            console.log("stub loaded");
        }
    });
});

然后发生这种情况：

image showing attempting to load the modules before hand is even stranger

我真的不确定为什么entering tests在这里打印两次。它只出现在源代码中的那个位置。

这是我的<root>/index.html和我的<root>/scripts/require-config.js：

// <root>/index.html
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="/scripts/lib/require.js" data-main="/scripts/require-config.js"></script>
</head>
<body>
<script>
require(["modules/testable-thing"], function (testableThing) {
});
</script>
</body>
</html>

// <root>/scripts/require-config.js

require.config({
    baseUrl: "/scripts"
});

如何启动并运行模拟这些依赖项？在请求<root>/test/index.html时，我希望看到：

entering tests
stub loaded
testable thing loaded

在Chrome控制台中。

Answer 1

我有一点错误。在http://<root>/tests/index.html：

require(["modules/testable-thing"], function () {
    console.log("entering tests");

    var sut = testr("modules/testable-thing", {
        "modules/dependency":  {
            run: function () {
                console.log("stub loaded");
            }
        }
    });
});

注意测试是如何在回传传递给require()时运行的。 Boilerplatejs的贡献者This article对此有所帮助。

此外，当前版本的testr似乎存在错误。使用最新的（1.3.2）我们得到这个输出：

enter image description here

而使用1.0.2（这是Boilerplatejs使用的）我们获得了成功：

enter image description here

今天晚上再去做一些调查，看看这是怎么回事。

启动并运行require.js和test.js

1 个答案: