如何使用 Jasmine 对 $scope.broadcast、$scope.$on 进行单元测试

我是 AngularJs/NodeJs 世界的新手，所以如果这对某些人来说是一个基本问题，请原谅。

简而言之，我有两个控制器，第一个控制器$broadcast一个“Id”，第二个控制器使用该 ID 获取该 Id$on然后将该 Id 传递给中间人service，这使得$httpajax 调用并返回一个Book目的。

如何使用 Jasmine 对 $scope.broadcast、$scope.$on 进行单元测试

第一个Ctrl

.controller('firstCtrl', function($scope, ...){
    $scope.selectGridRow = function() {
        if($scope.selectedRows[0].total !=0)
            $scope.$broadcast('id', $scope.selectedRows[0].id);//Just single plain ID
    };
});

第二个Ctrl

.controller('secondCtrl',
    function($scope, bookService) {
        $scope.$on('id', function(event, id) {
            bookService.getBookDetail(id).then(function(d) {
                $scope.book = d.book;
            });
        });
    });

预期 Json 对象

var arr = "book" : [ {
            "id" : "1",
            "name" : "Tomcat",
            "edition" : "9.1"
           }
          ]

如果有人想让我发布，请告诉我$http第二个控制器使用的服务。

预期行为

因此，从我的想法来看，理想情况下，我想测试所有可能的场景，但如下所示，然后可以花费：

expect(scope.book).toEqual(arr);
expect(scope.book).not.toEqual(undefined);

感谢大家！

首先你应该在$rootScope然后你就可以收到$scope。 现在进行测试。我假设您想通过以下方式向您的 API 包含真实请求bookService and $http。这可以被嘲笑，但我将专注于真正的调用。如果您需要被嘲笑的，请告诉我。

在实际测试之前，您需要进行一些注入/实例化：

• 初始化您的应用程序
• Inject $controller, $rootScope, $httpBackend and bookService
• 为firstController和SecondController创建范围并将其存储在变量中
• Store bookService and $httpBackend在变量中
• 实例化控制器并存储它们

那么在实际测试中你必须告诉$httpBackend当它缓存对书籍的请求时该怎么做。构造$httpBackend.whenGET("/api/books/1").passThrough();将通过 url 传递请求"/api/books/1"到服务器。 接下来您必须设置属性selectedRows on firstScope所以它满足功能条件selectGridRow在你的firstCtrl.

现在你可以调用函数了selectGridRow触发广播和 API 调用。但你必须把它包起来runs函数，因此 Jasmine 会将其识别为异步调用并等待它完成。 “等待”的定义是waitsFor称呼。它将等到它收到一本书并且等待最多 5000 毫秒，然后测试将被标记为失败。

最后一步是检查预期结果。我们不必检查undefined无论如何，测试都不会到达这里。支票必须重新包装runs调用，以便在成功“waitsFor”后执行。

这是完整的代码：

describe("Broadcast between controllers", function () {

    beforeEach(module('app')); //app initialization

    var firstScope;
    var secondScope;

    var bookService;
    var $httpBackend;

    var firstController;
    var secondController;

    beforeEach(inject(function ($controller, $rootScope, _bookService_, _$httpBackend_) {
        firstScope = $rootScope.$new();
        secondScope = $rootScope.$new();

        bookService = _bookService_;
        $httpBackend = _$httpBackend_;

        firstController = $controller('firstCtrl', { $scope: firstScope });
        secondController = $controller('secondCtrl', { $scope: firstScope, bookService: bookService });
    }));


    it("should work", function () {

        $httpBackend.whenGET("/api/books/1").passThrough();

        firstScope.selectedRows = [{ id: 1, total: 1000 }];
        secondScope.book = null;

        runs(function () {
            firstScope.selectGridRow();
        });

        waitsFor(function () {
            return secondScope.book != null;
        }, "Data not received in expected time", 5000);

        runs(function () {
            expect(secondScope.book[0].id).toEqual(1);
        });
    });

});