4

Karma を使用して AngularJS アプリを単体テストし、$HttpBackend を使用してバックエンドをスタブしています。どういうわけか、コントローラー内の変数の一部がまだ未定義のままであるため、flush() メソッドはすべてのリクエストを解決していないようです。ただし、期待を解決する前にタイムアウトを追加すると、正常に動作します!

私のコントローラー:

    feedbackApp.controller('CompetenceCtrl', [ '$scope', '$location', 'Restangular', function CompetenceCtrl($scope, $location, Restangular) {

        $scope.compId = null;
        $scope.index = null;

        Restangular.one('questionnaires',1).get().then(function (q) {
            $scope.questionnaire = q;

            angular.forEach($scope.questionnaire.competences, function (value, key) {
                var compTemp = new models.Competence(value);
                if (!compTemp.finished() && $scope.compId === null) {
                    $scope.compId = compTemp.id;
                    $scope.index = key;
                }
            });
            getCompetence($scope.compId);

        });

        function getCompetence(compId) {
            Restangular.one('questionnaires',1).one('competences', compId).get().then(function (c) {
                $scope.competence = c;
            });
        }
    }]);

私の仕様：

'use strict';

describe('Controller: CompetenceCtrl', function () {
    //load the controller's module
    beforeEach(module('360FeedbackApp', 'mockQuestionnaire', 'mockCompetences'));

    var $httpBackend,
        $scope,
        $location,
        createController;

    beforeEach(inject(function ($injector, _Restangular_,defaultQuestionnaire, defaultCompetences) {
        // Set up the mock http service responses
        $httpBackend = $injector.get('$httpBackend');
        // backend definition common for all tests
        $httpBackend.whenGET(apiUrl + '/questionnaires/1').respond(defaultQuestionnaire);

        $httpBackend.whenGET(apiUrl + '/questionnaires/1/competences/1').respond(defaultCompetences.competences[0]);
        $httpBackend.whenGET(apiUrl + '/questionnaires/1/competences/2').respond(defaultCompetences.competences[1]);
        $httpBackend.whenGET(apiUrl + '/questionnaires/1/competences/3').respond(defaultCompetences.competences[2]);
        $httpBackend.whenGET(apiUrl + '/questionnaires/1/competences/4').respond(defaultCompetences.competences[3]);
        $httpBackend.whenGET(apiUrl + '/questionnaires/1/competences/5').respond(defaultCompetences.competences[4]);

        $httpBackend.whenPUT(apiUrl + '/questionnaires/1/competences/1').respond(200);
        $httpBackend.whenPUT(apiUrl + '/questionnaires/1/competences/2').respond(200);
        $httpBackend.whenPUT(apiUrl + '/questionnaires/1/competences/3').respond(200);
        $httpBackend.whenPUT(apiUrl + '/questionnaires/1/competences/4').respond(200);
        $httpBackend.whenPUT(apiUrl + '/questionnaires/1/competences/5').respond(200);

        // Get hold of a scope (i.e. the root scope)
        $scope = $injector.get('$rootScope');
        // and the location
        $location = $injector.get('$location');
        // The $controller service is used to create instances of controllers
        var $controller = $injector.get('$controller');

        createController = function () {
            return $controller('CompetenceCtrl', {'$scope': $scope, '$location': $location, 'Restangular': _Restangular_ });
        };
    }));

    afterEach(function () {
        $httpBackend.verifyNoOutstandingExpectation();
        $httpBackend.verifyNoOutstandingRequest();
    });

    it('should set the first competence', function () {
        $httpBackend.expectGET(apiUrl + '/questionnaires/1/competences/1');
        createController();
        $httpBackend.flush();
        //DO NOT UNDERSTAND WHY I NEED THIS TIMEOUT! 
        //THE TEST FAILS WITH 'undefined' IF I DONT USE IT!
        setTimeout(function() {
        expect($scope.competence).toBeDefined();
        }, 5000);
    });

どんな助けでも大歓迎です！

4

1 に答える 1

1

解決する必要がある promise がある場合 (Restangular 呼び出しで .then() によって示される)、それらを解決するために $httpBackend.flush() の後に $scope.$digest() を呼び出す必要があります。これはおそらく、Restangular 呼び出しがモックではなく実際のサーバーにヒットしているように聞こえます。これが原因で、タイムアウトが必要になる可能性があります。

于 2013-10-04T15:27:09.843 に答える