web-dev-qa-db-ja.com

AngularJS Jasmineテストが失敗する：モジュールのインスタンス化に失敗しました

私のangularアプリはうまく機能し、ui.bootstrapに依存関係を追加するまで、カルマとジャスミンを使用して私のテストはうまくいきました。今、アプリは期待どおりに機能しますが、できませんテストを実行するこれは私が持っているものです：

app.js-i.bootstrapに依存関係を追加

angular.module('myApp', ['ngResource', 'ngRoute', 'ui.bootstrap']).config(function(...) {...});

service.js

angular.module('myApp').service('myService', function () {})

controller.js

angular.module('myApp').controller('MyController', function ($scope, $http, myService) {})

tests/main.js

describe('Controller: MyController', function () {
    var MyController, scope;
    // load the controller's module
    beforeEach(function(){
        module('myApp');
        inject(function ($controller, $rootScope) {
            scope = $rootScope.$new();
            MyController = $controller('MyController', {
                $scope:scope
            });
        });
    });
    it('should do something', function () {
        expect(scope.myOptions.length).toBe(5);
    });
});

そして、私がうなり声とクラマを使用して実行する私のテストは、次の理由で失敗します：

Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap due to:
Error: [$injector:nomod] Module 'ui.bootstrap' is not available! You either misspelled the module name or forgot

私は何を逃したのですか？アプリは問題なく実行され、テストのみが失敗します。

javascriptangularjsjasmineangular-ui-bootstrapkarma-jasmine
22
Haji

karma.conf.js karmaがテスト実行前にロードするファイルのリストがあります：

// list of files / patterns to load in the browser
files: [
  'bower_components/angular/angular.js',
  'bower_components/angular-mocks/angular-mocks.js',
  ...
]

そこでbootstrap-ui.jsを追加します。

35
Bastian Voigt

依存関係を注入する

beforeEach(function(){
   angular.module('ui.bootstrap',[]);
});
2
ndurgaprasad

私も同じ問題を抱えていました。ちょうどそれを解決しました。どういうわけか、module(myApp);関数呼び出しをbeforeEach()に提供する関数内に配置しても機能しません。

モジュール呼び出しを独自のbeforeEach（）に抽出します。

beforeEach(module('myApp'));

そして、使用する関数に別のbeforeEach（）を使用します。

1
gavvel