angular - Angular2 rc3ルーターをテストに挿入する

Question

Angular2 rc3 にアップグレードしてから、Router の注入が必要なテストはすべて失敗しています。以前は、ルーター/テスト ファイルから入手できる ROUTER_FAKE_PROVIDERS を使用していましたが、もう存在しないようです。助言がありますか？

Answer 1

ルーターを初期化するために機能するこのセットアップを使用しました。https://github.com/angular/angular/blob/master/modules/%40angular/router/test/router.spec.ts

Angular2 がすぐにそれを TestProvider として提供することを期待してください。

import {Location, LocationStrategy} from '@angular/common';
import {SpyLocation} from '@angular/common/testing';
import {MockLocationStrategy} from '@angular/common/testing/mock_location_strategy';
import {Component, Injector, ComponentResolver} from '@angular/core';
import {ActivatedRoute, ActivatedRouteSnapshot, CanActivate, CanDeactivate, DefaultUrlSerializer, Event, NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Params, ROUTER_DIRECTIVES,  Router, RouterConfig, RouterOutletMap, RouterStateSnapshot, RoutesRecognized, UrlSerializer} from '@angular/router';


export function provideTestRouter(RootCmp:any, config: RouterConfig):any[]{      
    return [
      RouterOutletMap,
      {provide: UrlSerializer, useClass: DefaultUrlSerializer},
      {provide: Location, useClass: SpyLocation},
      {provide: LocationStrategy, useClass: MockLocationStrategy},
      {
        provide: Router,
        useFactory: (resolver: ComponentResolver, urlSerializer: UrlSerializer, outletMap: RouterOutletMap, location: Location, injector: Injector) => {
          return new (<any>Router)(
          RootCmp, resolver, urlSerializer, outletMap, location, injector, config);
        },
        deps: [ComponentResolver, UrlSerializer, RouterOutletMap, Location, Injector]
      },
      {provide: ActivatedRoute, useFactory: (r: Router) => r.routerState.root, deps: [Router]},
    ];
};

Answer 2

ここで私の答えを見てください。同様の問題があるようです。

単体テストでは、通常の環境で使用されていないという理由だけで、特定のサービスが問題を引き起こすことがあります。サービス全体で単体テストを実行しなくても、呼び出されたかどうかをテストできます。これを行うには、モック クラスを作成します。

その投稿に基づいて、ここにあなたができることがあります：

describe('foo', () => {

class MockRouter{}

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

it('should foo',
  async(inject([FooComponent, ROUTER_PROVIDERS], (foo: FooComponent, mockRouter: MockRouter) => {
  expect(mockRouter).toHaveBeenCalled();
  });
})));