角度 - 反応したフォームをユニットテストで有効にすることを強制する

Question

私は角度v4.4.4を使用しています。あるコンポーネントでは、テンプレート内のボタンをクリックすると、リアクティブフォームが有効であると仮定してフォームが保存されます。 （擬似コード）のようなもの：

public onSave(): void { 
    if (this.myForm.valid) { 
     this._createFoo(); 
    } 
} 

private _createFoo(): void { 
    this._fooService.createItem(this.foo).subscribe(result => { 
     // stuff happens... 
    }); 
} 

私はサービスを確認できるように、有効であるために、フォームを強制する必要が関連するユニットテストでは、呼び出されています。このようなもの：

it('should create Foo',() => { 
    const spy = spyOn(_fooService, 'createItem').and.callThrough(); 
    component.foo = new Foo(); 
    fixture.detectChanges(); 
    const bookButton = fixture.debugElement.query(By.css('#bookButton')); 
    expect(bookButton !== null).toBeTruthy('missing Book button'); 
    bookButton.triggerEventHandler('click', null); 
    expect(spy).toHaveBeenCalled(); 
}); 

これは、myFormが有効に設定されていないために失敗します。

この特定のケースでは、フォーム内のすべての入力に値を与えたくありません。サービス加入が発生したかどうかを見て確認するだけです。フォームを有効にするにはどうすればいいですか？

Answer 1

なぜバリデータリストを消去しないのですか？

// If there are any async validators 
// 
this.myForm.clearAsyncValidators(); 
// If there are any normal validators 
// 
this.myForm.clearValidators(); 
// Doing the validation on all the controls to put them back to valid 
// 
this.formGroup.updateValueAndValidity(); 

これにより、フォームにバリデータがないことが保証され、有効です。