logo标签列表

AngularJS测试 - 注入$location会导致错误。

javascriptangularjsjasminekarma-runner
3

这个问题让我很烦恼，每当我尝试将$location注入到我的一个测试中时，我会遇到以下错误：

TypeError: undefined is not a function
    at $LocationProvider.$get (bower_components/angular/angular.js:11053:34)
    at Object.invoke (bower_components/angular/angular.js:4118:17)
    at bower_components/angular/angular.js:3936:37
    at getService (bower_components/angular/angular.js:4077:39)
    at Object.invoke (bower_components/angular/angular.js:4109:13)
    at Object.workFn (bower_components/angular-mocks/angular-mocks.js:2159:20)
Error: Declaration Location
    at window.inject.angular.mock.inject (bower_components/angular-mocks/angular-mocks.js:2144:25)
    at Suite.<anonymous> (test/unit/controllers/DashboardCtrlSpec.js:8:16)
    at jasmineInterface.describe (/usr/local/lib/node_modules/karma-jasmine/lib/boot.js:59:18)
    at test/unit/controllers/DashboardCtrlSpec.js:1:1

karma.conf.js:

module.exports = function (config) {
    config.set({

        // base path that will be used to resolve all patterns (eg. files, exclude)
        basePath: '../',


        // frameworks to use
        // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
        frameworks: ['jasmine'],


        // list of files / patterns to load in the browser
        files: [
            'bower_components/angular/angular.js',
            'bower_components/angular-mocks/angular-mocks.js',
            'bower_components/angular-bootstrap/ui-bootstrap.js',
            'bower_components/angular-sanitize/angular-sanitize.js',
            'bower_components/angular-translate/angular-translate.js',
            'bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js',
            'bower_components/dist/assets.angular.max.js',
            'scripts/**/*.js',
            'test/**/*.js'
        ],


        // list of files to exclude
        exclude: [
            '**/*.swp'
        ],


        // preprocess matching files before serving them to the browser
        // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
        preprocessors: {},


        // test results reporter to use
        // possible values: 'dots', 'progress'
        // available reporters: https://npmjs.org/browse/keyword/karma-reporter
        reporters: ['progress'],


        // web server port
        port: 9876,


        // enable / disable colors in the output (reporters and logs)
        colors: true,


        // level of logging
        // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
        logLevel: config.LOG_INFO,


        // enable / disable watching file and executing tests whenever any file changes
        autoWatch: false,


        // start these browsers
        // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
        browsers: ['PhantomJS'],


        // Continuous Integration mode
        // if true, Karma captures browsers, runs the tests and exits
        singleRun: true
    });
};

控制器：

angular.module('ecQDesktopApp')
    .controller('DashboardCtrl', function ($scope, $window) {

        $scope.goToURL = function (url) {
            $window.location = url;
        }

    }
);

功能规格文件：

describe('Unit: Testing Dashboard Controller', function() {
    'use strict';

    var scope, window;

    beforeEach(module('ecQDesktopApp'));

    beforeEach(inject(function($rootScope, _$window_, $controller) {
        scope = $rootScope.$new();
        window = {
            location: ""
        };
        $controller('DashboardCtrl', {$scope: scope, $window: window});
    }));

    it('goes to Url', function() {
        var url = "testUrl";
        scope.goToURL(url);
        expect(window.location).toBe("testUrl");
    });
});

但是如果我将beforeEach（inject（function（$rootScope，_$window_，$controller）更改为beforeEach（inject（function（$rootScope，_$window_，$controller，$location） ，我就会收到错误消息。

很奇怪，看起来我可以注入任何AngularJS服务，但每当我尝试在任何测试中使用$location时，我都会遇到这种崩溃。

提前致谢。

我认为你需要将它传递给$controller函数。 - glepretre
这只是使用控制器的一个例子，实际上我在尝试测试指令时发现了这个错误。让我感到困扰的是$location是唯一一个我无法注入的服务（例如，我可以注入$templateCache、$templateRequest或$timeout而不会崩溃）。 - Pedro Garcia Mota
inject这一行出错了吗？ - glepretre
你在帖子中有错误堆栈，它在第一个代码框中。at Suite.<anonymous> (test/unit/controllers/DashboardCtrlSpec.js:8:16) 是注入的行。 - Pedro Garcia Mota
1个回答
5
如果您使用的是版本>= 1.3的Angular，则还必须使用版本>= 1.3的angular-mocks。
总的来说： angular-mocks的版本应始终与angular保持相同的水平。
你为什么认为错误来自这里？ - glepretre
我们已经更新到1.3版本，但没有改变代码库。此后，与问题中相同的错误发生了。由于我们已经更新了angular-mocks，因此该错误消失了。 - Kai Haase
1
之前使用的是 angular-mocks#1.2.x 和 angular#1.3.13，但当在测试中需要注入 $location 时就会出现错误。升级到 angular-mocks#1.3.13 后，错误消失了。 - Thalis K.
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接