Question

问题：如何伪造我的pointFactory，以便我可以对Jasmine单元进行测试。

我有以下指令。它需要将html发送到工厂并使用响应进行某些逻辑

CommonDirectives.directive('TextEnrichment',['PointFactory','appSettings', function (pointFactory,settings) {
    return {
        restrict: 'A',
        link : function (scope, element, attrs) {
         var text = element.html();
         pointFactory.getPoints(text).then(function(response){

 })}}}]);

到目前为止，我的单元测试看起来像这样，但是由于我没有注射工厂，所以它不起作用。

beforeEach(module('app.common.directives'));

beforeEach(function () {
    fakeFactory = {
        getPoints: function () {
            deferred = q.defer();
            deferred.resolve({data:
                [{"Text":"Some text"}]
            });
            return deferred.promise;
        }
    };
getPointsSpy = spyOn(fakeFactory, 'getPoints')
        getPointsSpy.andCallThrough();

 });

beforeEach(inject(function(_$compile_, _$rootScope_,_$controller_){
        $compile = _$compile_;
        $rootScope = _$rootScope_;
    }));

it('Factory to have been Called', function () {
    var element = $compile('<div data-text-enrichment=""> Text </div>')($rootScope)
    expect(getPointsSpy.callCount).toBe('1');
});

更新

根据Felipe Skinner的建议，我已使用以下

更新了测试

  beforeEach(function(){
       module(function($provide){
           $provide.factory('PointFactory',getPointsSpy)
       })
});

但是我收到以下错误：

TypeError：'undefined'不是一个函数（评估 'pointFactory.getPoints（文本）'）

Answer 1

您可以使用$ provide注入您的控制器依赖项。这是我的beforeEach例如：

describe('MyCtrl', function() {
    var $controller,
        $scope,
        $httpBackend,
        windowMock,
        registerHtmlServiceMock,
        mixPanelServiceMock,
        toastMock;

    beforeEach(function() {
        windowMock =  { navigator: {} };
        registerHtmlServiceMock = {};
        mixPanelServiceMock = jasmine.createSpyObj('mixpanel', ['track']);
        toastMock = jasmine.createSpyObj('toast', ['error']);

        module('myModule');
        module(function($provide) {
            $provide.value('$window', windowMock);
            $provide.value('RegisterHtmlService', registerHtmlServiceMock);
            $provide.value('MixPanelService', mixPanelServiceMock);
            $provide.value('ToastService', toastMock);
        });

        inject(function(_$controller_, _$rootScope_, _$httpBackend_) {
            $scope = _$rootScope_.$new();
            $controller = _$controller_('CourseSelectionCtrl', { $scope: $scope });
            $httpBackend = _$httpBackend_;
        });
    });

    // my test cases

});

我没有尝试模拟一个返回某个值的函数。这两个模拟（mixpanel-track和toast-error）用于“无效”功能。

<强>更新

尝试使用此类注射更改先前的$ provide。

从此改变：

module(function($provide) {
    $provide.value('$window', windowMock);
    $provide.value('RegisterHtmlService', registerHtmlServiceMock);
    $provide.value('MixPanelService', mixPanelServiceMock);
});

inject(function(_$controller_, _$rootScope_, _$httpBackend_) {
    $scope = _$rootScope_.$new();
    $controller = _$controller_('CourseSelectionCtrl', { $scope: $scope });
    $httpBackend = _$httpBackend_;
});

对此：

    beforeEach(inject(function(_$controller_, _$rootScope_, _$httpBackend_) {
        mixPanelService = mixPanelServiceMock;
        $scope = _$rootScope_.$new();
        $controller = _$controller_('MyCtrl', { $scope: $scope, MixPanelService: mixPanelService });
        $httpBackend = _$httpBackend_;
    }));

除此之外，其余代码应该相同。如果有效，请告诉我

在茉莉花的指令中伪造一个角形工厂

更新

1 个答案: