如何為角度反應形式的自定義驗證器編寫單元測試用例

Question

我是測試新手。 如何為以下方法編寫測試用例：

export class CustomErrorStateMatcher implements ErrorStatematcher {
isErrorState(control: FormControl,form:NgForm | FormGroupDirective | null){
return control && control.invalid && control.touched
}}

Answer 1

您可以創建控件的實例並在那里傳遞您的自定義驗證器。 然后為其分配一些值並測試預期的輸出。

下面是一個例子：

let control: FormControl;

describe('Phone validator: ', () => {
  beforeAll(() => {
    control = new FormControl('', [phoneValidator]);
  });

  it('should validate phone', () => {
    control.setValue('not a phone number');
    expect(control.valid).toBe(false); // invalid phone number

    control.setValue('+49123456789');
    expect(control.valid).toBe(true); // valid phone number
  });
});