Question

我无法调用实际的实现，我收到了这个错误：

TypeError: undefined is not an object (evaluating 'GitUser.GetGitUser('test').then') ...

以下是我的代码：

app.controller('HomeController', ['$scope', 'GitUser', function ($scope, GitUser) {
    $scope.name = "user";

    GitUser.GetGitUser('test').then(function (data) {
        console.log(data);
        if (data) {
            $scope.name = data;
        }
    });
}]);

app.factory('GitUser', function ($http) {
    return {
        GetGitUser: function (username) {
            return $http.get('https://api.github.com/users/' + username)
            .then(function success(response) {
                return response.data.login;
            });
        }
    };
});

这是我的单元测试：

describe('HomeController Unit Test', function () {
    var $controllerConstructor, scope;

    beforeEach(module("AngularApp"));

    beforeEach(inject(function ($controller, $rootScope) {
        $controllerConstructor = $controller;
        scope = $rootScope.$new();
    }));

    it('should test if scope.name is test', function () {
        // Act
        GitUser = {
            GetGitUser: function () { }
        };

        spyOn(GitUser, "GetGitUser").and.callThrough();

        GitUser.GetGitUser();

        $controllerConstructor('HomeController', {
            '$scope': scope,
            'GitUser': GitUser
        })

        // Assert
        expect(GitUser.GetGitUser).toHaveBeenCalled();
        expect(scope.name).toBe('test');
    });
});

Answer 1

这个问题比缺少注射要复杂一点...... 这是一个经过调整的测试：

https://plnkr.co/edit/ZMr0J4jmLPtDXKpRvGBm?p=preview

有一些问题： 1）您正在测试一个返回promise的函数 - 所以您还需要以这种方式进行模拟（例如，使用return $q.when(..)）。

2）您正在尝试测试创建控制器时发生的代码 -

GitUser.GetGitUser('test').then(function (data) {
        console.log(data);
        if (data) {
            $scope.name = data;
        }
    });

应该包含在函数中：

function init() {
 GitUser.GetGitUser('test').then(function (data) {
        console.log(data);
        if (data) {
            $scope.name = data;
        }
    });
}

然后在您的范围内提供：

scope.init= init;

然后在测试中调用函数并验证您的断言。如果你不将它包装在一个函数中，它将无法测试。

另外 - 模拟和callThrough事情......当你测试控制器（而不是服务）时你可以使用callFake - callFake函数可以返回一个带有值的Promise（你要验证的那个）之后） - 然后你可以确保拼图的控制器部分有效。

  var name = 'test';
    // instead of trying to mock GitUser you can just callFake and be sure to return a promise
    spyOn(GitUser, "GetGitUser").and.callFake(function() {
      return $q.when(name);
    });

我希望这一切都有意义 - 吸收者应该清楚明白 - 我会在那里添加更多评论。

Answer 2

我想你在这里错过了什么

$HOME

茉莉花间谍问题呼唤

2 个答案: