角度服务应该在单元测试中执行吗？

Question

我正在尝试将Karma和Jasmine整合到我的项目中。

我已经开始了一个非常基本的测试，以确保我的控制器被定义，$ scope变量等于一个字符串 - 按预期传递。

我的控制器也调用了执行$ http.get的服务，在运行我的测试时，没有提及服务，我收到错误：

Error: Unexpected request: GET /my/endpoint/
No more request expected

控制器：

define(['module'], function (module) {
    'use strict';

    var MyController = function ($scope, MyService) {

        $scope.testScope = 'karma is working!';

        MyService.getData().then(function (data) {
            $scope.result = data.hour
        });
    };    

    module.exports = ['$scope', 'MyService', MyController ];
});

测试：

define(['require', 'angular-mocks'], function (require) {
    'use strict';

    var angular = require('angular');

    describe("<- MyController Spec ->", function () {    

        var controller, scope;

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

        beforeEach(inject(function (_$controller_, _$rootScope_) {
            scope = _$rootScope_.$new();
            controller = _$controller_('MyController', {$scope: scope});  
            scope.$apply();
        }));

        it('should verify that the controller exists ', function() {
            expect(controller).toBeDefined();
        });    

        it('should have testScope scope equaling *karma is working*', function() {
            expect(scope.testScope ).toEqual('karma is working!');
        });
    });
});

是否预期会出现上述错误？

以下回复更新：

define(['require', 'angular-mocks'], function (require) {
    'use strict';

    var angular = require('angular');

    describe("<- MyController Spec ->", function () {    

        var controller, scope, $httpBackend, myService;

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

        beforeEach(inject(function (_$controller_, _$rootScope_, _$httpBackend_, _myService_) {
            scope = _$rootScope_.$new();
            $httpBackend = _$httpBackend_;
            $httpBackend.expectGET("/my/endpoint");
            controller = _$controller_('MyController', {$scope: scope});  
            scope.$apply();
        }));

        it('should verify that the controller exists ', function() {
            expect(controller).toBeDefined();
        });    

        it('should have testScope scope equaling *karma is working*', function() {
            expect(scope.testScope ).toEqual('karma is working!');
        });
    });
});

Answer 1

使用Angular Mocks，如果尝试了意外或不正确的http请求，您将始终收到错误 - 即使对于模板也是如此。在您的情况下，有两种方法可以处理此问题以进行测试：

使用$httpBackend

$httpBackend是专为测试http请求而设计的，而不会实际触及网络。在您的测试中，只需添加

即可

$httpBackend.expectGET("/my/endpoint");

在初始化控制器之前。

模拟服务

服务本身正在发出http请求，因此您可以改为模拟服务。服务将照常自动注入，但您可以明确注入任何您想要的内容：

controller = _$controller_('MyController', {$scope: scope,
MyService: {getData: () => ({then: () => {}}) });  

这会注入一个具有getData函数的对象，该函数返回一个具有.then函数的对象。当然，这并没有接近实现你想要做的事情，但它是另一种执行测试的方式。

上述两种方法均有效。这取决于您正在测试的内容以及您尝试通过测试完成的内容。