在Angular 2的构造函数中注入了Router的故障单元测试服务

我正在尝试测试在其构造函数中注入应用程序路由器的服务.继Julie Ralph在AngularConnect conf 2015(以及她的存储库:https://github.com/juliemr/ng2-test-seed)中提出的建议后,我正在使用Karma和Jasmine.

它遵循要测试的示例服务:

import { Router } from 'angular2/router';

export class ExampleService {
  constructor(router : Router) {
    this._router = router;
  }

  //...
}

现在,我只是断言真相.它遵循服务测试:

import { it, describe, expect, inject, beforeEachProviders, MockApplicationRef } from 'angular2/testing';
import { ROUTER_PROVIDERS } from 'angular2/router';
import { provide, ApplicationRef } from 'angular2/core';

import { ExampleService } from 'example-service.js';

describe('ExampleService', () => {
  beforeEachProviders(() => [
    ROUTER_PROVIDERS, ExampleService,
    provide(ApplicationRef, { useClass: MockApplicationRef })
  ]);

  it('should validate the truth', inject([ExampleService], (exService) => {
    expect(true).toBeTruthy();
  }));
});

当我运行测试(> karma start karma.config.js)时,我得到一个TypeError:无法读取属性'length'的null

查看router.js源代码,看起来我应该在注入路由器之前引导至少一个组件.有没有一种简单的方法可以在测试中注入路由器依赖项？

Stacktrace:

原始异常:TypeError:无法读取null的属性'length'ORIGINAL STACKTRACE:TypeError:无法在routerPrimaryComponentFactory读取null的属性'length'(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/router.js:2963:27)Injector._instantiate(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11920:19)Injector._instantiateProvider(C:/用户/ LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11859:21)Injector._new(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2 /在Injector._getByKeyDefault(C)的InjectorDynamicStrategy.getObjByKeyId(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11733:42)中的bundles/angular2.js:11849:19) :/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12048:33)Injector._getByKey(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules /在Injector._getByDe中的angular2/bundles/angular2.js:12002:21)未决(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11990:21)在Injector._instantiate(C:/用户/ LSANTOS /桌面/ NG2测试种子/node_modules/angular2/bundles/angular2.js:11887:32)在Injector._instantiateProvider(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11859:21)at at Injector._new(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11849:19)InjectorDynamicStrategy.getObjByKeyId(C:/ Users/LSANTOS/Desktop/ng2-test) -seed/node_modules/angular2/bundles/angular2.js:11733:42)Injector._getByKeyDefault(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12048:33 )Injector._getByDependency(C:/ Users/LSANTOS/Desktop/ng2)中的Injector._getByKey(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12002:21) Injector._instantiate中的-test-seed/node_modules/angular2/bundles/angular2.js:11990:21)(C:/ Users/LSANTOS/Desktop/ng2-test -seed/node_modules/angular2/bundles/angular2.js:11887:32)Injector._instantiateProvider(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11859:21 )Injector._new(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11849:19)InjectorDynamicStrategy.getObjByKeyId(C:/ Users/LSANTOS/Desktop/ng2) -test-seed/node_modules/angular2/bundles/angular2.js:11733:42)Injector._getByKeyDefault(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12048 :33)在Injector._getByDependency(C:/ Users/LSANTOS/Desktop)的Injector._getByKey(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12002:21) Injector._instantiate中的/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11990:21)(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js :11887:32)Injector._instantiateProvider(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles)/angular2.js:11859:21)在Injector._new(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11849:19)InjectorDynamicStrategy.getObjByKeyId(C: /Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11733:42)Injector._getByKeyDefault(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2) /bundles/angular2.js:12048:33)Injector.get中的Injector._getByKey(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:12002:21) C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2.js:11804:19),在C:/用户/ LSANTOS /桌面/ NG2测试种子/ node_modules/angular2 /捆绑位于Array.map的Array.map(native)的/testing.dev.js:2477:25(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/es6-shim/es6-shim.js:1113 :14)在C:/ Users/LSANTOS/Desktop/ng2的FunctionWithParamTokens.execute(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/testing.dev.js:2476:33) -test种子/ node_mod 在Zone.run上的ules/angular2/bundles/testing.dev.js:2601:25(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/angular2-polyfills.js:138:17 )在Zone.run(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/testing.dev.js:2544:30)在runInTestZone(C:/用户/ LSANTOS /桌面/ NG2 -test-seed/node_modules/angular2/bundles/testing.dev.js:2588:23)at Object.(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/angular2/bundles/testing.dev.js:2600:33)在attemptAsync(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules /茉莉核/ LIB /茉莉核/ jasmine.js:1819:24)在QueueRunner.run(C:/用户/ LSANTOS /桌面/ NG2测试种子/ node_modules /茉莉核/ LIB/jasmine- core/jasmine.js:1774:9)在QueueRunner.execute(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1762:10)在Spec.exeEnv.queueRunnerFactory(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:627:35)在Spec.execute(C:/在Object.fn上的用户/ LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine -core/lib/jasmine-core/jasmine.js:353:10)(C:/ Users/LSANTOS/Desktop/ng2-test- seed/node_modules/jasmine -core/lib/jasmine-core/jasmine.js:2360:37)在attemptAsync(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine- core/jasmine.js:1819:24)在QueueRunner.run(C:/ Users/LSANTOS/Desktop/ng2-test- seed/node_modules/jasmine -core/lib/jasmine-core/jasmine.js:1774:9)在QueueRunner.execute(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1762:10)在Env.queueRunnerFactory(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:627: 35)atatject.fn(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:2345:13)在attemptAsync(C:/ Users /)在QueueRunner.run的LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1819:24)(C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1774:9)在C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine. js:1801:16 at C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1745:9 at queueRunnerFactory.onComplete(C:/ Users/LSANTOS /桌面/ NG2测试种子/ node_modules /茉莉核/ LIB /茉莉核/ jasmine.js:2348:17)在QueueRunner的QueueRunner.clearStack(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:605:9) .run(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1784:12)在C:/ Users/LSANTOS/Desktop/ng2- test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:1801:16在C:/ Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core /jasmine.js:1745:9完成后(C:/Users/LSANTOS/Desktop/ng2-test-seed/node_modules/jasmine-core/lib/jasmine-core/jasmine.js:365:9)

另见https://github.com/angular/angular/issues/6325

问题解决了,只需要提供ROUTER_PRIMARY_COMPONENT.

import {ROUTER_PRIMARY_COMPONENT} from 'angular2/router';

class MockPrimaryComponent {
}

beforeEachProviders(() => [
  ROUTER_PROVIDERS,
  provide(ROUTER_PRIMARY_COMPONENT, {useClass: MockPrimaryComponent}),
  ExampleService,
  provide(ApplicationRef, { useClass: MockApplicationRef })
]);