如何在单元测试之间重置 requirejs 模块

Question

我有一个 JavaScript 项目，我想观察 TDD 方法。我为此选择了 karma 框架和 requirejs 库，并按照 karma 文档here 中演示的示例进行操作。

有一个单元测试文件的示例，即：

define(['app', 'jquery', 'underscore'], function(App, $, _) {

    describe('just checking', function() {

        it('works for app', function() {
            var el = $('<div></div>');

            var app = new App(el);
            app.render();

            expect(el.text()).toEqual('require.js up and running');
        });

        it('works for underscore', function() {
            // just checking that _ works
            expect(_.size([1,2,3])).toEqual(3);
        });

    });

});

这种方法的主要问题是没有办法为每个测试清除 App 模块。因此，如果在一个it 调用中应用程序发生了一些变化（如闭包变量更改等），那么它们可能会影响其他it 调用。

有人可以就此提出建议吗？这些都是如此流行的工具，我不敢相信没有人遇到过这种情况。

所以，为了概括一下这个问题，我想为这些更具体的问题寻求答案：

• 有什么方法可以“重置”（清除）requirejs 中的模块吗？ （其实我想没有这样的办法，除了重新加载所有模块一次）
• 是否有更好的方法来运行 karma 和 requirejs，以便模块上没有其他测试（it 函数调用）的任何残留（副作用）？

Answer 1

在 Google 的帮助下，我找到了解决方案。我不能说它是理想的，但它至少可以工作，并且在每个测试中，所需的模块都处于 原始 状态。

首先，他的main.js 测试文件需要像这样，它与docs 中的几乎相同，除了测试未定义为模块并且不包含为依赖项：

require.config({file
    baseUrl: '/base',
    paths: {},
    shim: {},
    deps: [],
    callback: window.__karma__.start
});

在主业力配置中必须存在这个（需要调整自己的路径）

files: [
    {pattern: 'src/**/*.js', included: false},
    'tests/unit/**/*.js'
],

在测试本身中，我们利用 jasmine 异步测试功能和 requirejs.undef 方法“清除”模块（将重置加载器的内部状态忘记模块的先前定义，正如docs 中所述）。

这个方法有一个含义，它不会重置其他已经加载并依赖于重置模块的模块，但这应该不是问题，如果一个人以正确的方式编写他的测试，那就是他测试只有一个模块（并且可能是一些父模块，子模块从中继承了一些行为），因此在一个模块中undef 几个模块应该不难。

describe('Some/Module tests', function() {
    'use strict'
    var M

    beforeEach(function(done) {
        requirejs.undef('src/Some/GParentModule')
        requirejs.undef('src/Some/ParentModule')
        requirejs.undef('src/Some/Module')
        require(['src/Some/Module'], function(m) {
            M = m
            done()
        })
    })

    it('some description', function() {
        var i = 0

        for (var prop in M) {
            i++
        }
        expect(i).toEqual(1)
        expect(prop).toEqual('init')
        expect(M.init).toEqual(jasmine.any(Function))
    })
})

我已经检查过了，在it 调用之间对模块的更改不会持续存在，所以我想，使用这种方法是安全的。

感谢大家的帮助，如果有人有更好的方法，请在这里回答。

Answer 2

• 有没有办法在 requirejs 中“重置”（清除）模块？

您可以使用requirejs.undef()，但文档中提到了一些问题。据我所知，没有任何调用可以用来说“卸载此模块及其依赖的所有内容”，这在复杂的应用程序中可能是需要的。

• 有没有更好的方法来运行 karma 和 requirejs，以便模块上没有其他测试（它的函数调用）的任何残留（副作用）？

更好的方法是设计您的应用程序，使状态与您实例化的对象相关联，而不是与模块 本身相关联。这就是我在我的一个大型应用程序的测试套件中所做的。 beforeEach 挂钩重置需要重置的内容，并为每次测试重新实例化应用程序。