如何对ngx进行单元测试？

Question

我正在尝试正式地对ngx进行单元测试，但我得到了以下错误：

错误验证器"emailValidator“无法找到。请确保这是通过FormlyModule声明注册的。

我还检查了棱角格式的文档，他们以同样的方式编写了代码。

文档：

FIELD WITH CUSTOM VALIDATION
You just need to include the name of the validate function, declared in FormlyModule, within the property validators.validation.

{
  key: 'ip',
  type: 'input',
  templateOptions: {
    label: 'IP Address (using custom validation declared in ngModule)',
    required: true,
  },
  validators: {
    validation: ['ip'],
  },
},

文档链接：https://formly.dev/guide/validation

**我的代码**

form.component.ts：

export class FormComponent {
  fields: FormlyFieldConfig[] = [
    {
      key: 'email',
      type: 'input',
      templateOptions: {
        label: 'Email address',
        placeholder: 'Enter email',
        type: 'email',
        required: true,
        attributes: {
          autocapitalize: 'off',
          autocorrect: 'off',
          autocomplete: 'off',
        },
      },
      validators: {
        validation: ['emailValidator'],
      },
    },
  ];

form.component.spec.ts：

import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ReactiveFormsModule } from '@angular/forms';
import { FormlyModule } from '@ngx-formly/core';
import { FormlyMaterialModule } from '@ngx-formly/material';

import { FormComponent } from './form.component';

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

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      declarations: [ FormComponent],
      imports: [
        FormlyModule.forRoot(),
        FormlyMaterialModule,
        ReactiveFormsModule,
      ]
    })
    .compileComponents();
  });

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

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

});

有人能指点我吗？任何线索都会有帮助的！谢谢!

Answer 1

请您共享您的App.module文件内容好吗？您的"emailValidator“必须以下列方式在app.module文件的导入部分注册：

imports: [
FormlyModule.forRoot({
   validators: [
                { name: 'emailvalidator', validation: validator_function_name },
               
              ]
           )}

请查一下这里，https://formly.dev/examples/validation/custom-validation