angularjs - 让 Karma/Jasmine 为 AngularJS 项目工作

Question

更新:

我已经解决了这个问题。我输错了依赖项 int karma 配置的 files 列表的文件名。非常令人沮丧的是，我必须修改核心 Angular 文件才能为我注销此信息。参见 my answer below了解更多详情。

**如果有人知道如何更好地调试类似问题，请在下面发表评论或回答。*

---

让我的 Angular 项目进行测试很费时间。

我可以让 Karma/Jasmine 成功“通过”测试，但前提是我没有调用 inject。

测试

describe("my filter", function() {

    beforeEach(function () {
        module('MyApp');
        // inject(function($injector) { });
    });

    // fails if `inject` line above is uncommented
    it('should be true', function() {
        expect(true).toBe(true);  
    });

    // always fails
    it('should still be true', inject(function (myFilter) {
        expect(true).toBe(true);
    }));

});

karma 配置

module.exports = function(config) {
    config.set({
        basePath: '',
        frameworks: ['jasmine'],
        files: [
            '../bower_components/angular/angular.js',
            '../bower_components/angular-mocks/angular-mocks.js',
            'path/to/a/file/I/misspelled.js',
            '../build/js/scripts.js', // my app code all concatenated, etc..
            '../app/filters/myFilter/myFilter.test.js'
        ],
        exclude: [],
        reporters: ['progress'],
        port: 9876,
        colors: true,
        logLevel: config.LOG_DEBUG,
        autoWatch: false,
        browsers: ['Safari'],
        captureTimeout: 60000,
        singleRun: true
    });
};

Gruntfile

karma: {
    unit: {configFile: 'test/karma.config.js'}
},

我尽量保持上面所有的代码尽可能少，但如果相关的话可以粘贴更多；不太确定要走多远，因为我完全不知道失败点在哪里。

运行 grunt:karma 有效

Karma 可以正常启动 Safari，它似乎可以按预期解析我的所有文件。

但是，上面的 should still be true 测试失败了，堆栈跟踪如下:

Safari 7.0.2 (Mac OS X 10.9.2) my filter should still be true FAILED
    /Users/me/path/to/my/project/bower_components/angular/angular.js:3703:53
    forEach@[native code]
    forEach@/Users/me/path/to/my/project/bower_components/angular/angular.js:322:18
    loadModules@/Users/me/path/to/my/project/bower_components/angular/angular.js:3668:12
    createInjector@/Users/me/path/to/my/project/bower_components/angular/angular.js:3608:22
    workFn@/Users/me/path/to/my/project/bower_components/angular-mocks/angular-mocks.js:2138:60
Safari 7.0.2 (Mac OS X 10.9.2): Executed 2 of 2 (1 FAILED) (0.191 secs / 0.014 secs)

有没有人有什么见解？我一直在研究 Karma/Jasmine 文档和教程，并尝试了很多东西，但不知何故错过了它。我的运行理论是我在 Karma 配置中加载了错误的文件——主要是因为我没有找到关于应该加载什么的准确描述 什么工作。

更新

我一直在深入研究堆栈跟踪，并尝试进行一些调试/探索

angular-mocks.js:2138:

injector = currentSpec.$injector = angular.injector(modules);

我在该行上方执行了一些 console.log()，得到了以下内容；

console.log(modules); // ['ng', 'ngMock', 'MyApp']
console.log(angular.injector); // function createInjector(modulesToLoad) { ... }
console.log(angular.injector(modules)); // fails with same stack trace as above

我猜测这似乎暗示它未能注入(inject)这三个模块之一。

Answer 1

好吧，看来我已经追根究底了。我最终访问了堆栈跟踪中的所有文件位置和 console.log 几乎所有内容。我通过上面的 console.logging e 获得了一些有用的信息:

throw $injectorMinErr('modulerr', "Failed to instantiate module {0} due to:\n{1}",
              module, e.stack || e.message || e);

似乎我确实遇到了包含文件中的拼写错误的问题。不知道为什么这些东西一开始没有出现在控制台中。

添加该日志消息给了我以下(以及更多)。

$injector:modulerr] Failed to instantiate module myMistypedModule due to:
[$injector:nomod] Module 'myMistypedModule' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.2.15-build.2364+sha.7c34e1f/$injector/nomod?p0=angles