2017-11-30 4 views
0

ng testコマンドでテストを実行したときにエラーType 'TestHostComponent' has no properties in common with type 'Component'.が発生しました。これは、UTにディレクティブをテストするために 'TestHostComponent'を含めた後です。角度4のエラー 'タイプ' TestHostComponent 'に'コンポーネント 'タイプと共通のプロパティがありません。' UTが実行されないようにする

これはTestHostComponentです:

@Component({ 
template: `<div someAttr></div>` 
}) 
export class TestHostComponent {} 

はここでテストコードの一部です:

let fixture: ComponentFixture<TestHostComponent>; 
let de: DebugElement; 
let comp: Component; 

beforeEach(() => { 
    fixture = TestBed.configureTestingModule({ 
    declarations: [SomeDirective, TestHostComponent] 
    }) 
    .createComponent(TestHostComponent); 

fixture.detectChanges(); 
    de = fixture.debugElement.query(By.directive(SomeDirective)); 
    comp = fixture.componentInstance; 
    }); 

it('should be defined',() => { 
    expect(de).toBeDefined(); 
}); 

ENV:

angular: 4.4.6 

@angular/cli: 1.4.9 

任意の提案をいただければ幸いです。

+0

'TestHostComponent'ファイルを貼り付けることができますか?または宣言?あなたは '@ Component'デコレータを内部に持っていますか? –

+0

@LucaTaccagni、参考のために 'TestHostComponent'ファイルを貼り付けました。ありがとうございました。 –

答えて

1

私の同僚は、私が最後に解決策を見つけるのを助けました。

私はtslintルールを壊してしまい、UTが実行されないようにしました。 Component型のデコレクションlet comp: Component;TestHostComponentに変更する必要があります。

他人に役立つことを願っています。

関連する問題