góc 2: thành phần kiểm tra với router

Question

Tôi viết các thành phần đơn giản nhất đó là sử dụng một routeLink:

@Component({ 
    selector: 'memorySnippet', 
    templateUrl: '<div class="memory-snippet-wrapper" *ngIf="memory" 
        [routerLink]="['MainPanel', 'MemoryPanel', {'id' : this.memory.id}]">', 
    directives: [CORE_DIRECTIVES, ROUTER_DIRECTIVES] 
}) 
export class MemorySnippetComponent { 
    @Input() memory: Memory; 
} 

Vấn đề xảy ra khi tôi cố gắng thử nghiệm thành phần này. Khoảnh khắc tôi thêm các liên kết router của Karma là phàn nàn về các nhà cung cấp thiếu:

Sau khi thêm tất cả các nhà cung cấp Karma được hỏi tôi có được điều này:

beforeEachProviders(() => [ 
    MemorySnippetComponent, 
    MEMORY_SERVICE_PROVIDERS, 
    ROUTER_PROVIDERS, 
    ApplicationRef 
]); 

Nhưng khi tôi chạy thử nghiệm tôi nhận được lỗi này:

EXCEPTION: EXCEPTION: Error during instantiation of Token RouterPrimaryComponent! (RouterLink -> Router -> RouteRegistry -> Token RouterPrimaryComponent).

ORIGINAL EXCEPTION: unimplemented

ORIGINAL STACKTRACE: Error: unimplemented

Tôi đang làm gì sai ??? Là Angular 2 (2.0.0-beta.1) chưa sẵn sàng cho các thành phần thử nghiệm với các chỉ thị router?

Answer 1

Đối với RC4 với router mới hiện nay sử dụng ...

beforeEach(() => addProviders([ 
    APP_ROUTER_PROVIDERS, // must be first 
    {provide: APP_BASE_HREF, useValue: '/'}, // must be second 
    {provide: ActivatedRoute, useClass: Mock}, 
    {provide: Router, useClass: Mock} 
])); 

Một dự án github sử dụng phương pháp này là ...

https://github.com/danday74/angular2-coverage

Answer 2

Bạn nên có một phương pháp beforeEachProviders trông như:

import {MockApplicationRef} from '@angular/core/testing'; 

beforeEachProviders(() => [ 
    ROUTER_PROVIDERS, 
    provide(APP_BASE_HREF, {useValue: '/'}), 
    provide(ROUTER_PRIMARY_COMPONENT, {useValue: YourComponent}), 
    provide(ApplicationRef, {useClass: MockApplicationRef} 
]); 

MockApplicationRef được cung cấp bởi khuôn khổ cho các loại hình kiểm tra.