如何为角度反应形式的自定义验证器编写单元测试用例

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
  });
});