javascript - Angular 代码覆盖错误输出

Question

我的堆栈是:Angular.js、Karma、Karma-coverage( Istanbul 尔)和 Jasmine。

我一直在对我的应用程序运行代码覆盖率分析，问题是当它实际上没有任何关联的测试时，我得到服务 A 标记为被测试覆盖(绿色)。

我怀疑以下情况是罪魁祸首:

• 我知道 Service A 被 Controller B 使用。
• Controller B 已被测试覆盖，代码覆盖率结果将其正确标记为已被测试覆盖。
• Service A 在测试 Controller B 时未被模拟。

我认为由于 service A 被 Controller B 的测试间接调用，所以我得到了错误的结果。

有什么想法吗？我怀疑是对的吗？有没有什么办法可以让我在这方面获得准确的测试覆盖率结果？

提前致谢!

Answer 1

不幸的是，这是评估代码覆盖率的方式。如果代码被执行，则认为它被“覆盖”了。幸运的是，您可以采取一些措施来减少一些误报。您可以模拟您的依赖项!

以下示例将执行 jasmine spy 而不是实际服务:

describe('Controller Tests', function() {
  var $scope, mockServiceA;

  beforeEach(module('app', function($provide) {
    mockServiceA = jasmine.createSpyObj('mockServiceA', ['foo']);
    $provide.value('ServiceA', mockServiceA);
  }));

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

  describe('ControllerB', function() {
    it('should call mock service', function() {
      expect(mockServiceA.foo).not.toHaveBeenCalled();
      $scope.useServiceA();
      expect(mockServiceA.foo).toHaveBeenCalled();
    });
  });
});

这是一个工作的 Plunker:http://plnkr.co/edit/x8gQQNsHT0R5n5iJSxKw?p=info