Jamineユニット・テスト・エラーが

Question

マイcomponent.tsファイルが

import { Component, OnInit } from '@angular/core'; 
import { select } from 'ng2-redux'; 
import { Observable } from 'rxjs/Observable'; 
import { PersonalDetailsComponent } from '../personal-details/personal-details.component' 

@Component({ 
    selector: 'app-profile-details', 
    templateUrl: './profile-details.component.html' 
}) 
export class ProfileDetailsComponent implements OnInit { 

    @select(['customerData', 'personalDetails'])personalDetails:Observable<object>; //<------if i comment out @select statement, then the tests work 
    @select(['loading']) loading: Observable<boolean>;//<------if i comment out @select statement, then the tests work 

    constructor() { } 

    ngOnInit() { } 

} 

以下のようになります。そして、私のジャスミンのテストは、この

import { async, ComponentFixture, TestBed } from '@angular/core/testing'; 
import { NgRedux, select } from 'ng2-redux'; 
import { ProfileDetailsComponent } from './profile-details.component'; 
import { customerData } from '../data/customerProfileDataMock'; 
import { PersonalDetailsComponent } from '../personal-details/personal-details.component' 
import { Router } from '@angular/router'; 
import { Observable } from 'rxjs/Observable'; 

class RouterStub { navigate(params) { } } 
class MockSelect { } 
class MockObservable<T> {} 
class NgReduxStub { 
    constructor() { } 
    dispatch =() => undefined; 
    getState =() => { return customerData; }; 
    subscribe =() => undefined; 
} 

describe('ProfileDetailsComponent',() => { 
    let component: ProfileDetailsComponent; 
    let fixture: ComponentFixture<ProfileDetailsComponent>; 

    beforeEach(async(() => { 
    TestBed.configureTestingModule({ 
     declarations: [ProfileDetailsComponent, PersonalDetailsComponent], 
     providers: [ 
     { provide: Router, useClass: RouterStub }, 
     { provide: select, useClass: MockSelect }, 
     { provide: NgRedux, useClass: NgReduxStub }, 
     { provide: Observable, useClass: MockObservable } 
     ], 
    }) 
     .compileComponents(); 
    })); 

    beforeEach(() => { 
    fixture = TestBed.createComponent(ProfileDetailsComponent); 
    component = fixture.componentInstance; 
    fixture.detectChanges(); 
    }); 

    it('should create the profile details page',() => { 
    expect(component).toBeTruthy(); 
    }); 

}); 

ないいただきまし不足していることを確認のように見えますが、@ select文は嘲笑し、私はあなたの場合は、コマンド「NGテスト」

TypeError: ng_redux_1.NgRedux.instance is undefined in src/test.ts 

Answer 1

わからないを使用してテストを実行すると、以下のエラーを取得して取得されていません私と同じパッケージを使用していますが、npm（https://www.npmjs.com/package/ng2-redux）のng2-reduxがgithubリポジトリhttps://github.com/angular-redux/storeにリンクしているので、ブランチのマージが行われている可能性があります。

もしそうなら、私はあなたにアップデートパッケージを提案したいと思います。彼らは最近、あなたはこれが

beforeEach(() => { 
    TestBed.configureTestingModule({ 
    imports: [ 
     NgReduxTestingModule, 
    ], 

をテストベッドに追加され

import { NgReduxTestingModule, MockNgRedux } from '@angular-redux/store/testing'; 

でテストに追加することができますし、特定のセレクタの値を設定することで@select()を使用するコンポーネントをテストするために使用することができMockNgReduxを追加しました

const stub = MockNgRedux.getSelectorStub(selector); 
stub.next(values); 
stub.complete(); 

メソッドは静的であり、MockNgReduxのインスタンスを必要としないことに注意してください。

はテスト

beforeEach(() => { 
    MockNgRedux.reset(); 
}); 

の間で模擬店をダウン必ずクリアしてください