Question

我有一个UploadDocumentCtrl.js，我正在访问另一个函数内的函数的服务调用。此外部函数绑定到范围。我的问题是我无法访问其中的代码语句（代码块C）。我想访问'flag'变量并检查是否为真。任何人都可以指出我正确的方向或告诉我我在这里做错了什么？谢谢..

UploadDocumentsCtrl.js

(function () {
    'use strict';

    angular.module('myApp')
           .controller('UploadDocumentsCtrl', UploadDocumentsCtrl);

    UploadDocumentsCtrl.$inject = ['$rootScope', '$scope', '$modalInstance', '$window', 'companyService'];

    function UploadDocumentsCtrl($rootScope, $scope, $modalInstance, $window, companyService) {

        $scope.onFileSelect = onFileSelect;
        $scope.buttonDisabled = false;



        function onFileSelect(files) {
            //Can access the code here
            function upload(file) {
            //Can access the code here as well
                companyService.uploadDocuments(file)
                    .success(function (data, status, headers, config) {
                   // Code block C 
                  // Cannot access any code here or the error code block below
                        $scope.flag = true;
                    })
                    .error(function (data, status, headers, config) {                        
                    });
            }

            files.forEach(function (file) {
                file.progress = 0;
                file.percent = 0;

                $scope.filesToUpload.push(file);
                upload(file);
            });            
        }
    }
})();

Jasmine测试用例

(function () {
"use strict";
    describe('UploadDocumentsCtrl', function () {
        var scope, companyService,companyControllerFactory;

        beforeEach(angular.mock.module('myApp'));

        beforeEach(inject(function($rootScope, $controller , _companyService_) {
                companyService = _companyService_;
                scope = $rootScope.$new();             
                companyControllerFactory = function(){$controller('UploadDocumentsCtrl',
                            {
                                $scope: scope,
                                companyService: _companyService_
                            });
            };
        }));

        describe("onFileSelect", function() {

            it(" Should make the flag to true ", function() {
                var files = [{}];
                companyControllerFactory();
                spyOn(companyService, 'uploadDocuments').and.returnValue({ success: function(){}});
                scope.onFileSelect(files);
                expect(scope.flag).toBe(true);
            });
        });
    });
})();

我在尝试上述操作时遇到的错误..

1）应该使标志为真 UploadDocumentsCtrl onFileSelect TypeError：companyService.uploadDocuments（...）。成功（...）在http://localhost:9876/absoluteC:/Users中未定义 /Documents/fle/Fle/WebApiRole/app/company/UploadDocumentsCtrl.js?f11d5dcacbf2ca1d63778bfa04c582862e325523 （第31行）上传@ http://localhost:9876/absoluteC:/Users/Documents/fle/Fle/WebApiRole/app/company/UploadDocumentsCtrl .js文件f11d5dcacbf2ca1d63778bfa04c582862e325523：31：17 onFileSelect /＆LT; @ http://localhost:9876/absoluteC:/Users/Documents/fle/Fle/WebApiRole/app/company/UploadDocum ？entsCtrl.js f11d5dcacbf2ca1d63778bfa04c582862e325523：51：17 onFileSelect @ http://localhost:9876/absoluteC:/Users/Documents/fle/Fle/WebApiRole/app/company/UploadDocumen ？tsCtrl.js f11d5dcacbf2ca1d63778bfa04c582862e325523：46：13 @ http://localhost:9876/base/test/company/UploadDocumentsCtrlSpec.js?c5db561e203bdfae1a6f7509347d3f7032e8f785:35:17

Answer 1

在我的项目中，我使用以下格式来监视服务。您可以尝试以下选项：

var deffered = q.defer();
                spyOn(companyService, 'uploadDocuments').and.returnValue(deffered.promise);
                deffered.resolve();

要应用此功能，您必须在断言之前使用$ rootScope。$ apply（）（即在expect（）之前）

Answer 2

是 companyService 进行http来电？

如果是这样，您需要使用$httpBackend模拟回复，然后根据使用$httpBackend.flush()的模拟回复获得正确的条件。

Karma测试对scope.function内部函数的调用

2 个答案: