Question

我正在尝试在Angular 2中测试我的组件，但是当组件的服务不在其提供者中时，它会遇到问题。

import {Component} from 'angular2/core';
import {ServiceName} from '../../services/ServiceName';

@Component({
  selector: 'component-name',
  template: `
    <div></div>
  `
})

export class ComponentName {    
  constructor(private ServiceName: ServiceName) {
  }
}

这是我的测试：

import {ComponentName} from '<path>';
import {ServiceName} from '<path>';

import {
  iit,
  it,
  ddescribe,
  describe,
  expect,
  inject,
  injectAsync,
  TestComponentBuilder,
  beforeEachProviders,
  fakeAsync,
  tick,
  setBaseTestProviders
} from 'angular2/testing';

beforeEachProviders(() => [
  ServiceName
]);

import {
  TEST_BROWSER_PLATFORM_PROVIDERS,
  TEST_BROWSER_APPLICATION_PROVIDERS
} from 'angular2/platform/testing/browser';

setBaseTestProviders(TEST_BROWSER_PLATFORM_PROVIDERS, TEST_BROWSER_APPLICATION_PROVIDERS);

describe('ServiceName', () => {

  it('should have name property set', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {
    return tcb.createAsync(ComponentName).then((fixture) => {
      fixture.debugElement.componentInstance.isPanelActive = true;
      fixture.detectChanges();

      var compiled = fixture.debugElement.nativeElement;
      expect(compiled.querySelector('a.yes')).toContainText('Something');
    });
  }));

});

我得到的错误是：

 Failed: No provider for ServiceName! (ComponentName -> ServiceName)
Error: DI Exception

我尝试了overrideProvide方法，它没有用，也尝试在测试中创建一个TestComponent，并将提供者与ComponentName指令一起传递。

任何人都有任何想法？是不是可以通过bootstrap文件引导服务而不在@Component中使用提供程序？我认为这是之前的每个提供者。

Answer 1

解决了它。这是System.js配置。它没有给出任何其他错误。因为有这么多场景，我怀疑在config块中使用包会导致它。我在此之后重新配置了我的业力和测试主文件：

https://github.com/mgechev/angular2-seed

由于

Answer 2

似乎在测试中你需要明确定义Injector应该如何实例化给定的标记。使用provide功能：

beforeEachProviders(() => [
  provide(ServiceName, {useClass: ServiceName})
]);

Answer 3

我遇到了同样的问题并通过provide函数的实现来解决它：

beforeEachProviders(() => [
  return provide(ServiceName, {useClass: ServiceName})
]);

您需要确保return提供商，否则无法识别。

Angular 2单元测试beforeEachProvider不会注入服务

3 个答案: