Jasmine + AngularJS:如何测试$ rootScope。使用参数调用$ broadcast?

时间:2014-09-12 22:04:40

标签: javascript angularjs jasmine karma-jasmine yeoman-generator-angular

我正在尝试编写一个单元测试来验证$rootScope.$broadcast('myApiPlay', { action : 'play' });是否被调用。

这是myapi.js

angular.module('myApp').factory('MyApi', function ($rootScope) {
    var api = {};
    api.play = function() {
        $rootScope.$broadcast('myApiPlay', { action : 'play' });
    }
    return api;
});

这是我的单元测试:

describe('Service: MyApi', function () {

    // load the service's module
    beforeEach(module('myApp'));

    // instantiate service
    var MyApi;
    var rootScope;

    beforeEach(function () {
        inject(function ($rootScope, _MyApi_) {
            MyApi = _MyApi_;
            rootScope = $rootScope.$new();
        })
    });
    it('should broadcast to play', function () {
        spyOn(rootScope, '$broadcast').andCallThrough();
        rootScope.$on('myApiPlay', function (event, data) {
            expect(data.action).toBe('play');
        });
        MyApi.play();
        expect(rootScope.$broadcast).toHaveBeenCalledWith('myApiPlay');
    });
});

以下是我在运行grunt test时遇到的错误:

PhantomJS 1.9.7 (Windows 7) Service: MyApi should broadcast to pause FAILED
        Expected spy $broadcast to have been called with [ 'myApiPlay' ] but it was never called.

我也尝试使用expect(rootScope.$broadcast).toHaveBeenCalled(),我遇到了类似的错误:Expected spy $broadcast to have been called.

我想验证是否已使用正确的参数调用该方法。

谢谢!

2 个答案:

答案 0 :(得分:14)

您的测试未通过的原因是因为您正在监视错误的$ broadcast功能。在beforeEach设置中,您要求注入$ rootScope,然后通过调用$ rootScope创建子范围。$ new()。

$ rootScope。$ new()的返回值不再是rootScope,而是根范围的子节点。

beforeEach(function () {
    //inject $rootScope
    inject(function ($rootScope, _MyApi_) {
        MyApi = _MyApi_;
        //create a new child scope and call it root scope
        rootScope = $rootScope.$new();
        //instead don't create a child scope and keep a reference to the actual rootScope
        rootScope = $rootScope;
    })
});

在你的游戏功能中,你在$ rootScope上调用$ broadcast,但在你的测试中,你正在监视$ rootScope的孩子。

$rootScope.$broadcast('myApiPlay', { action : 'play' });

所以要把它包起来,删除对$ rootScope。$ new()的调用,然后只调查注入器给你的$ rootScope。提供给您的单元测试的$ rootScope与提供给您的API服务的$ rootScope相同,因此您应该直接在$ rootScope上进行间谍活动。

查看plunkr http://plnkr.co/edit/wN0m8no2FlKf3BZKjC4k?p=preview

答案 1 :(得分:1)

对您有所帮助https://stackoverflow.com/a/17227264/2594499 你的测试不清楚。避免使用"期待"在条件,回调和类似的事情。 如果你的情况不是真的,你就可以在没有断言的情况下进行测试。

使用第二个函数参数会更好:

.toHaveBeenCalledwith('someEvent', someObj);