Angular 2单元测试beforeEachProvider不注入服务
Angular 2单元测试beforeEachProvider不注入服务
提问于 2016-02-16 06:38:56
我试图在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中的提供者吗？我以为这就是beforeEachProviders的全部意义所在。
回答 3
Stack Overflow用户
发布于 2016-02-16 22:00:35
解决了它。这是System.js配置。它没有给出任何其他错误。因为有太多的场景，我怀疑是在config块中使用包导致的。我重新配置了karma和test-main文件，如下所示：
https://github.com/mgechev/angular2-seed
谢谢
Stack Overflow用户
发布于 2016-02-16 13:58:39
似乎在测试中，您需要显式地定义Injector应该如何实例化给定的令牌。使用provide函数执行以下操作：
beforeEachProviders(() => [
provide(ServiceName, {useClass: ServiceName})
]);Stack Overflow用户
发布于 2016-04-13 21:31:34
我遇到了同样的问题，并通过下面的provide函数实现解决了这个问题：
beforeEachProviders(() => [
return provide(ServiceName, {useClass: ServiceName})
]);您需要确保对提供者执行return操作，否则它将无法识别。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35425457
复制
相似问题
扩展Angular2 Http不注入服务
Angular2依赖注入，在类继承期间不注入服务
Angular2:注入服务
Angular 2单元测试:注入Typemoq对象
Angular单元测试失败，无法注入服务
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
