如何对服务中调用的过滤器进行单元测试

Question

我无法断言在返回承诺后调用了我的过滤器。

此代码从控制器调用，然后从 http GET 服务中提取数据进行过滤：

getPermissions(){
    return this.DataService.getPermissionsLOV().then((data) => {
        return this.$filter('chunkCollection')(data, 3);
    });
}

我的测试用例是这样的：

it('should get the permissions', () => {
    spyOn(service, 'getPermissions').and.callThrough();
    spyOn(DataService, 'getPermissionsLOV').and.callFake(function(){
        var defer = this.$q.defer();
        defer.resolve(mockData);
        return defer.promise;
    });

    let resp;

    service.getPermissions().then((data) => {
        resp = data;
    });

    scope.$digest();

    expect(service.getPermissions).toHaveBeenCalled();
    expect(DataService.getPermissionsLOV).toHaveBeenCalled();
    expect(resp).toEqual(mockData);

});

断言 expect(resp).toEqual(mockData); 失败，因为响应被 chunkCollection 过滤，但我不知道如何测试对 $filter?

的调用

我已经单独测试了过滤器本身，所以知道它正在工作，并且 karma 告诉我它在报告上述断言失败时正在转换数据。

Answer 1

既然您知道模拟响应是什么，也知道过滤器是什么，那么如果过滤器正常工作，您就知道过滤器 return 将有多少行。您只需要在过滤器完成后断言已解析的集合包含确切的项目和计数。如果过滤器工作正常，则此数据将匹配。

Answer 2

我认为您的问题实际上是如何模拟过滤器。您可以在测试前添加 beforeEach 并提供过滤器。

var mockChunkCollectionFilter = jasmine.createSpy('chunkCollectionFilter');
beforeEach(module(function($provide) {
  $provide.value('chunkCollectionFilter', mockChunkCollectionFilter);
}));

it('should get the permissions', () => {
    spyOn(service, 'getPermissions').and.callThrough();
    spyOn(DataService, 'getPermissionsLOV').and.callFake(function(){
        var defer = this.$q.defer();
        defer.resolve(mockData);
        return defer.promise;
    });
    mockChunkCollectionFilter.and.callFake(function (data, chunks) {
      // Ignore chunks since that's what the test expects.
      return data;
    });

    let resp;

    service.getPermissions().then((data) => {
        resp = data;
    });

    scope.$digest();

    expect(service.getPermissions).toHaveBeenCalled();
    expect(mockChunkCollectionFilter).toHaveBeenCalled();
    expect(DataService.getPermissionsLOV).toHaveBeenCalled();
    expect(resp).toEqual(mockData);

});

mockChunkCollectionFilter 就像你的其他间谍一样工作。

如何对服务中调用的过滤器进行单元测试

How to unit test that a filter has been called in a service

javascript

angularjs

filter

jasmine

spy